The Winning Habit App is a productivity-focused full-stack web application designed to help users form and sustain positive habits with a gamified approach. It’s built with the MERN stack and provides an intuitive experience that rewards consistency and makes habit-tracking enjoyable and motivating.
✨ Built with the idea that small, consistent actions lead to meaningful change.
- 🌐 Live App: https://winninghabits.app
- 💻 Source Code: https://github.com/rajibul-dev/winning-habits
- ✅ User Authentication – Secure login & signup with JWT
- ✅ Create & Manage Habits – Define habits you want to build
- ✅ Streak & Points System – Get rewarded for your consistency
- ✅ Daily Tracking – Log whether you completed your habit or not
- ✅ Calendar View – Flexibly update past records
- ✅ Dark Mode & Light Mode – Comfortable viewing experience
- ✅ Responsive UI – Works beautifully across devices
This app uses a progressive streak-based system to gamify habit tracking.
- Each consecutive day you complete your habit adds more points:
- Day 1 = 1 point
- Day 2 = 1 + 2 = 3 points
- Day 3 = 3 + 3 = 6 points
- ...and so on.
- Miss a day? The streak resets, but you keep your total points.
- The app encourages recovery too: You can always restart and keep building!
🎯 1000 points is the ultimate milestone goal!
It’s a small reminder that consistency beats perfection.
- Frontend: Vite + React, Styled Components
- Backend Server: Node.js, Express.js
- Database: MongoDB with Mongoose ORM
- Cloud Storage: Cloudinary
- Authentication: JWT, Google OAuth
- Deployment: Cloudflare Pages (frontend) + Railway (backend) + MongoDB Atlas