1% Habit Tracker
Your personalized habit tracking app, building 1% improvement every day.
Created on 9th November 2024
•
1% Habit Tracker
Your personalized habit tracking app, building 1% improvement every day.
The problem 1% Habit Tracker solves
The Problem It Solves
The "1% Habit Tracker" is designed to help users form consistent, positive habits by making the process adaptable, data-driven, and personalized. Forming habits can be challenging due to busy schedules, lack of motivation, or unexpected disruptions. This app solves these issues by providing:
- Adaptive Habit Tracking: Users can log habits and view progress, with the app adjusting schedules and notifications to accommodate missed days or unexpected tasks.
- Performance Analysis: With visual data on habit completion rates and patterns, users can see their progress over time, motivating them to stay consistent.
- Smart Rescheduling: If a habit is skipped, the app reschedules it intelligently, helping users avoid feelings of failure and maintain momentum.
- Seamless Habit Logging: Users can log daily tasks with ease, allowing them to track multiple habits without overwhelming manual entries.
By helping users maintain habits consistently, the app encourages personal growth, whether for fitness, learning, or lifestyle changes. It makes habit tracking less stressful and more flexible, turning small daily actions into sustainable routines.
Challenges we ran into
Challenges We Faced
Building the "1% Habit Tracker" brought multiple technical challenges that led to valuable insights:
-
Router Context Issue
We encountered auseNavigate()
error, which only works within a<Router>
component. This interrupted navigation across the app. By wrapping our main component inBrowserRouter
, we quickly resolved the issue, restoring navigation. -
Frontend and Backend Connection
Integrating the React frontend with the Node.js backend came with CORS issues and token management challenges. To fix this, we configured CORS correctly on the server and standardized token handling in headers, allowing secure and consistent communication between client and server. -
Habit Analysis with Flask and TensorFlow
Integrating Flask for habit analysis with TensorFlow posed compatibility issues with Node.js. Structuring a RESTful API between Node.js and Flask, we streamlined data processing and communication, enabling habit insights. -
JWT Authentication
Implementing JWT for protected routes initially led to issues with token validation. Improving our middleware allowed accurate validation, ensuring secure access across endpoints. -
Habit Tracking Complexity
Developing adaptive habit tracking with data logging and performance analysis was challenging, especially in implementing real-time progress updates. By refining our database schema and optimizing query handling, we achieved efficient and reliable habit tracking.
These challenges taught us essential debugging and integration techniques, strengthening our skills across the full stack.
Tracks Applied (4)
Best Use of MongoDB Atlas
Major League Hacking
Best Use of Auth0
Major League Hacking
Best use of GitHub
GitHub Education
Best Project Built Using Gemini API
Google For Developers
Technologies used