-
-
Login Screen
-
Focus Community
-
Main Board: Focus Timer & Daily Habit
-
Focus Timer Message1
-
Focus Timer Message2
-
One-Line Record Memo
-
My Immersion Footprints
-
Add Daily Habit
-
Continuous Execution Habit
-
Continuous Immersion Record
-
Cumulative immersion time
-
Growth Roadmap
-
Top 5 Interest Keywords
-
My Growth Statistics1
-
My Growth Statistics2
-
Master Finale
-
Master Certificate
-
12-Month Certificate
1. Inspiration & Background
This program was designed based on the mechanism that "good habits conserve brain energy, this energy induces deep immersion, and sustained immersion ultimately leads to success."
Many people resolve at the beginning of the New Year or each month to "set goals and build good habits," but they struggle to consistently execute and achieve their planned goals. We pondered how to derive maximum results through goal-oriented time management and continuous practice, and we believed that a structure was needed to allow individuals to self-motivate by observing the changes in their accumulated growth.
This program analyzes user behavior data on a daily, weekly, monthly, and 12-month (1-year) basis. It visualizes the results as the "accumulation of time value" and the "intentional practice" of habit formation, thereby facilitating consistent persistence. Furthermore, this is the FocusHabit project, a 'hyper-personalized AI-based time management and habit formation platform for goal achievement' that uses data to identify the points where users are likely to fail and intervenes warmly and intelligently, much like a one-on-one personal trainer.
2. Project Construction Process (What we built & How)
We utilized a modern web technology stack for lightweight and fast data management.
- Frontend: We designed the UI based on familiar web standard technologies to maximize user immersion and provide responsive UX.
- Backend & Auth: To ensure powerful real-time data integration and secure user management, we adopted Supabase as the backend to securely architecture user-specific habit data.
- AI Engine & Workflow: Moving forward, we are building an 'Agentic Workflows' pipeline by deeply integrating with Google's Gemini API. This pipeline enables backend agents to proactively analyze user achievement rate data by day of the week and time.
3. Challenges & Learnings
The biggest challenge was ensuring user security and securing safe redirection paths. In particular, when implementing the 'Password Reset' feature using Supabase, we encountered difficulties where the email verification link was blocked due to an address matching issue between the local development environment (HTTP) and the actual authentication server.
However, by thoroughly debugging the development server's wildcard address pattern (/*) settings and finding a way to bypass the API request rate limits during the development phase, I gained a solid understanding of the core mechanisms of backend communication. I learned a great deal about the autonomy required of a developer to solve problems one by one by closely reviewing the Supabase dashboard and local server without fear of errors.
4. Future Plans (What's Next for FocusHabit)
Beyond the current stage of displaying real-time immersion scores and motivational messages, we plan to further enhance the functionality where an AI agent perfectly analyzes each subscriber's accumulated Supabase data. The ultimate goal is to evolve into a true AI wellness agent that proactively makes decisions and suggests customized solutions to users, such as, "Mr. Hong Gil-dong, looking at this week's data, you tend to miss your routine especially on Thursdays. Would you like me to move your Thursday notification forward by one hour?"
Built With
- css3
- gemini
- html5
- javascript
- react
- supabase
Log in or sign up for Devpost to join the conversation.