The Habit Pet

Inspiration

The idea came from wanting to make habit tracking more engaging. We combined habit management with a virtual pet that grows based on the user’s progress, making self-improvement feel like a game.

What it does

The Habit Pet helps users track their habits and improve consistency. Each completed habit boosts the pet’s growth, health, and happiness, while incomplete habits affect the pet negatively.

How we built it

We built the backend with Express to handle API requests, manage habit data, and update the virtual pet. The frontend was developed using React, allowing users to track their habits, see their pet's status, and interact with checkboxes to mark habits as complete.

Challenges we ran into

We struggled with synchronizing the frontend and backend to reflect real-time habit completion. State management was also challenging, especially when dynamically updating the pet’s status based on user input.

Accomplishments that we're proud of

Overall, we're proud of the project. All four of us had never participated in a hackathon before, and none of us had experience developing web apps. Bringing this project to life in just a weekend is an achievement we all share.

What we learned

We improved our skills in full-stack development, state management with React, and building APIs with Express. We also learned how to create dynamic interactions and animations for an enhanced user experience.