TimeQuest

Dashboard
Create Task
Timer
SignIn
Rewards
Pomodoro Timer Page
SignUp

💡 Inspiration

We were inspired by the idea of making a Tool that is BASED on TIME and acts as a Connection between ARTIFICAL Intelligence and HUMAN Intelligence and do something on productivity all while making it fun and engaging. Traditional task managers (POWERED BY HUMAN INTELLIGENCE) often feel dull and uninspiring, so we reimagined the process by integrating game mechanics like 🪙 coins, 🧠 XP, 🆙 levels, and 🔥 streaks. TimeQuest transforms the act of completing tasks into an epic adventure, motivating users through achievement and competition.

🚀 What it does

TimeQuest is a gamified productivity web application that turns task management into a quest-like experience. It allows users to:

✅ Create and manage tasks with duration estimates
⏱️ Use various timer modes (Pomodoro, Focus, Sprint, Custom)
🪙 Earn coins and XP for completing tasks
🏅 Unlock badges and maintain streaks
🏆 Compete on global leaderboards
🎨 Customize profiles, sounds, and themes
All wrapped in a ⚡ retro-futuristic UI that’s responsive and mobile-friendly.

🛠️ How we built it

We developed TimeQuest using:

⚛️ React 18 with TypeScript for type-safe, modern frontend development
⚡ Vite for fast build and hot reload experience
🎨 Tailwind CSS, Radix UI, and shadcn/ui for flexible and beautiful UI
🧠 React Context and custom hooks for global state management
🔊 A custom AudioManager built on the Web Audio API for precise sound control
📱 Responsive design techniques for seamless desktop and mobile use
Deployment was done using the 🚀 Vercel Platform.

🧩 Challenges we ran into

🎯 Designing a reward system that feels motivating but not distracting
🎧 Handling audio overlaps, pause/resume, and browser compatibility
⏳ Managing persistent timers across different views
🚦 Maintaining performance while supporting rich UI and audio features
🗂️ Organizing a scalable and maintainable React codebase across many components

🏅 Accomplishments that we're proud of

🏗️ Developed a complete gamified productivity engine from scratch
📱 Built a responsive, mobile-friendly UI with real-time task and timer updates
🔉 Implemented an advanced audio management system
✨ Created a visually appealing design system with animations and retro aesthetics
⚙️ Achieved smooth performance with optimizations like lazy loading and memoization

📚 What we learned

🎮 The power of gamification in enhancing user engagement
⚛️ Advanced techniques in React, Context API, and audio handling
💡 Importance of UX in productivity apps, especially audio feedback and visual flow
🧪 Optimizing large projects with Vite, code-splitting, and efficient component design
⚖️ How to balance functionality, fun, and focus in a single app