Habit Streak Tracker Project Report
1. The Concept
Habit Streak Tracker is a mobile-first habit tracking app for building better daily routines. Users can add habits such as walking, reading, learning, drinking water, exercising, saving money, or sleeping early.
The app focuses on small daily progress. Instead of making productivity feel complicated, it gives users simple actions: choose a habit, set a goal, track progress, and complete it for the day.
2. The Stack
The Stack: HTML, CSS, and JavaScript.
The project uses one HTML entry page, a CSS file for the mobile UI, and a JavaScript file for all app logic. Data is saved with localStorage so habits remain after refreshing the browser.
The AI Assist: AI supported the project by helping define the target user, plan the app flow, write the interface logic, improve the mobile layout, and fix design problems from screenshots.
3. The 1 Day Sprint:
Morning (Hours 1-3): Defined the product idea and target user. The app was planned for university students in Cambodia and international students who want to improve habits but need simple motivation and clear progress.
Afternoon (Hours 4-6): Developed the main app screens: Home, Choose Habit, Habit Setup, Habit Detail, Summary, and Settings. The app added progress tracking, timers, quick-add buttons, completed sections, bottom navigation, and LocalStorage saving.
The Finish Line (Hour 7-8): Polished the experience. The UI was made smaller and easier to read, the Summary page gained comparison cards, the Settings page was simplified, and scrolling/layout issues were fixed.
4. The Roadblocks
Roadblocks: The app had several mobile layout problems during development. Some text was too large, some buttons disappeared when the screen was full, and the bottom menu sometimes covered habit rows. Another issue was making every button feel useful and understandable for a new user.
5. Key Takeaways
Good habit apps need simple choices and fast feedback.
Design must be tested on the actual mobile-sized screen, not only imagined from code.
A clean app is not only about beauty. It is also about making every screen easy to understand and easy to use.
My final thought: This project shows how a simple habit tracker can become a friendly daily tool when the user flow, visual feedback, and mobile layout are carefully improved.