Inspiration
We’ve all experienced that feeling of being overwhelmed by a growing to-do list, unsure of where to start. Most productivity tools feel sterile or boring — they help you track tasks but offer little motivation to keep going. That’s what inspired us to create LifeMyPet: a warm, gamified experience where your productivity helps you care for an adorable virtual pet. By linking task completion to emotional rewards, we aimed to make productivity fun and personally engaging.
What it does
LifeMyPet is a gamified productivity web app that lets users:
- Manage daily and weekly tasks
- Use a Pomodoro timer or stopwatch to focus
- Earn XP and fill a hunger bar for their virtual pet by completing tasks
- Track personal stats and unlock achievements
- Create multiple pet profiles, each with its own progress
If tasks are ignored, the pet’s hunger meter drops, gently encouraging users to return and stay consistent.
How we built it
- Frontend: React.js with Tailwind CSS for UI
- Backend: Supabase (authentication, database, and API)
- Timer: Custom React hooks for Pomodoro and stopwatch modes
- State Management: React Context API and local storage
- Design: Canva for mockups and UI planning
Challenges we ran into
- Designing a reward system that felt balanced and motivating
- Creating a clean UI that balances functionality with playfulness
- Working across time zones and under hackathon pressure
Accomplishments that we're proud of
- Built a fully functional gamified productivity app in a short timeframe
- Designed a clean and user-friendly interface with multiple pet-profile support
- Successfully integrated task tracking, time management, and gamification into one cohesive experience
What we learned
- How to blend UX and psychology to boost user engagement
- The importance of scope control and teamwork under pressure
- How gamification can genuinely enhance real-world behavior
What's next for LifeMyPet
- Add a pet shop for customizations and accessories
- Use AI to adjust task reward values based on effort and consistency
- Develop 3D animations for pets to enhance emotional connection
Built With
- canva
- css
- html
- react
- supabase
- tailwindcss
- typescript

Log in or sign up for Devpost to join the conversation.