ClockWais is a gamified productivity application designed to enhance employee engagement and motivation without disrupting existing workflows. By layering interactive elements, progress feedback, and rewards on top of standard project management tools, ClockWais transforms mundane work routines into meaningful and enjoyable experiences.

According to Gallup's 2024 State of the Global Workplace report, only 23% of employees worldwide are actively engaged in their work. ClockWais addresses this challenge through a thoughtfully designed system of external motivators, structured time management, and gamification elements.

• 🕒 Focus Timer (Pomodoro Technique)

  • 25-minute focus sessions followed by 5-minute breaks (with 10-minute long breaks every 4 sessions)
  • Options during breaks include mini-games, resting, or returning to work
  • Prevents skipping focus sessions to build discipline

• ✓ Task Management

  • Track and complete daily tasks
  • Earn points for completed tasks
  • Visual progress indicators

• 🏆 Rewards System

  • Earn points for completing tasks and mini-games
  • Convert points to raffles or cash incentives
  • Real-time feedback and celebrations for achievements

• 📊 Leaderboards

  • Performance tracking system (admin-only view)
  • Recognize top performers based on task completion
  • Foster healthy competition and team spirit

• 🎮 Mini-Games

  • In-browser games to enjoy during breaks
  • Drawing game (Skribbl.io style)
  • Reaction-based mosquito game

• 🎯 Interactive UI & Feedback

  • Real-time notifications
  • Visual progress tracking
  • Daily streaks and level progression

• Node.js 18.x or higher
• npm or yarn
• Basic understanding of React and React Hooks
• Familiarity with Tailwind CSS and its utility-first approach
• Basic knowledge of Next.js (pages, components, API routes, etc.)
• Basic knowledge of TypeScript/JavaScript

# Clone the repository
git clone https://github.com/akosikhada/clockwais.git
cd clockwais/frontend

# Install dependencies
npm install
# or
yarn install

# Start development server
npm run dev
# or
yarn dev

Note: The backend is currently under development and not yet implemented. This section will be updated once the backend is available.

1. Timer: Start a focus session from the main dashboard
2. Tasks: Add and manage tasks in the task list component
3. Stats: Track your daily and weekly progress in the stats section
4. Settings: Customize your preferences in the quick settings panel

• Frontend:

  • Next.js 14
  • React 18
  • TypeScript
  • Tailwind CSS
  • shadcn/ui components
  • Supabase

• State Management:

  • React Context API

• Backend:

  • To be determined

Companies face decreasing motivation and engagement from employees due to:

• Dull and repetitive tasks
• Lack of interactivity or recognition
• Burnout due to lack of structured breaks

This results in reduced productivity, morale, and team cohesion.

ClockWais introduces a layer of enjoyment and motivation on top of existing project management workflows. It is designed as a non-intrusive gamified system that rewards employees, encourages focus, and provides opportunities to unwind—without interfering with productivity.

• Additional mini-games and seasonal competitions
• Cross-platform support including mobile applications
• Integration with HR systems for real-world incentives
• Team challenges and collaborative achievements

This project is licensed under the MIT License - see the LICENSE file for details.