• 

  WakeForce helps users build better mornings with smart alarms, interactive missions, streak tracking, and habit analytics.

Inspiration

What it does

How we built it

Challenges we ran into

Accomplishments that we're proud of

What we learned

What's next for WakeForce – Your Ultimate Awakening Companion

Inspiration

Many people struggle to wake up on time because traditional alarm clocks are easy to snooze or ignore. Missing alarms often leads to poor productivity, unhealthy routines, and missed opportunities. We wanted to create a smarter and more engaging solution that motivates users to wake up on time while building long-term healthy habits.

This idea inspired us to build WakeForce – Your Ultimate Awakening Companion, a smart alarm and habit-building platform that transforms waking up into an interactive and rewarding experience.

What it does

WakeForce is a web application that helps users wake up consistently by combining smart alarms with engaging wake-up challenges. Instead of simply dismissing an alarm, users must complete interactive tasks such as math puzzles, typing tests, memory challenges, or QR code verification before the alarm stops.

The application also provides:

• Secure user authentication
• Personalized dashboard
• Daily streak tracking
• Habit and productivity analytics
• Progress monitoring
• Motivational achievements
• Responsive user interface
• Cloud synchronization using Supabase

Our goal is to help users build healthier morning routines and improve their productivity through consistency and gamification.

How we built it

We built WakeForce using a modern full-stack web development stack.

Frontend:

• React 19
• TypeScript
• Vite
• Tailwind CSS
• TanStack Router

Backend & Database:

• Supabase Authentication
• PostgreSQL Database
• Supabase Storage

Development Tools:

• Node.js
• npm
• ESLint
• Prettier
• Git & GitHub

The application uses secure authentication, cloud data storage, responsive design principles, reusable React components, and modern development practices to deliver a smooth user experience.

Challenges we ran into

During development we faced several technical challenges, including:

• Configuring Supabase Authentication
• Managing user sessions securely
• Handling protected routes
• Debugging authentication issues
• Integrating cloud database operations
• Building responsive layouts for different screen sizes
• Managing application state efficiently
• Optimizing application performance

These challenges helped us improve our debugging skills and gain practical experience with modern web technologies.

Accomplishments that we're proud of

• Successfully developed a modern full-stack web application.
• Built secure email and Google authentication.
• Created an intuitive and responsive user interface.
• Implemented streak tracking and productivity monitoring.
• Integrated cloud database services with Supabase.
• Designed a scalable project architecture.
• Delivered a polished user experience suitable for real-world use.

What we learned

This project gave us valuable experience in:

• React application architecture
• TypeScript best practices
• Authentication and authorization
• Database design using Supabase
• API integration
• UI/UX design
• State management
• Team collaboration
• Debugging large applications
• Deploying modern web applications

What's next for WakeForce

Our future roadmap includes:

• AI-powered personalized wake-up recommendations
• Sleep quality analysis
• Smart wearable integration
• Calendar synchronization
• Voice assistant support
• Social accountability groups
• Leaderboards and achievements
• Mobile applications for Android and iOS
• Offline functionality
• Advanced analytics and reporting

Built With

• css
• css3
• eslint
• git
• html5
• javascript
• node.js
• postgresql
• prettier
• react
• router
• supabase
• tailwind
• tanstack
• typescript
• vite