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://winning-habits.onrender.com
- 💻 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: React, Tailwind CSS
- Backend: Node.js, Express.js
- Database: MongoDB with Mongoose
- Authentication: JWT, Google OAuth
- Scheduler: Node-Cron for daily reset logic
- Deployment: Render
This app was built as a portfolio-quality project and proof-of-concept. While not actively maintained as a commercial product, updates may come but no promises.
- Homepage
- Calendar View
- Profile Page
- Light mode showcase - 1
- Light mode showcase - 2
- Light mode showcase - 3
- Light mode showcase - 4
Hi, I’m Rajibul Islam – an aspiring software developer. This was my first-ever full-stack project—it's a solo project—and it taught me a lot about:
- Writing clean backend logic
- Structuring scalable frontend apps
- UI and UX
Feel free to connect with me on LinkedIn or check out my other projects!
Got ideas or feedback? I’d love to hear them.
Open an issue or just drop me a message on LinkedIn or Telegram.