inspiration
as a high school student, procrastination is my biggest weakness. i wanted to make staying productive less boring, so i decided to build something that would make focusing both fun and rewarding!
what does it do?
- lets you add, complete, and delete daily tasks
- runs a pomodoro-style focus timer with breaks
- has a little tamagotchi that gains energy and happiness when you finish tasks or play with it during breaks
- plays a sound when the timer ends to signal break or focus time (still a WIP)
how i built it
- React for the frontend interface and state management
- Electron to make it a desktop app
- useState and useEffect hooks to handle timers, tasks, and tamagotchi stats
- simple css animations for bounce and dance
- localStorage to save your tasks between sessions
challenges i ran into
- syncing the timer and the break/focus logic without glitches
- making sure the tamagotchi’s energy and happiness stats update correctly over time
- getting audio to play reliably when the timer ends inside electron
accomplishments that i'm proud of!
- built a fully functional productivity app with a cute interactive pet
- implemented a pomodoro timer that actually works with tasks and stats
- added fun animations and audio feedback to make using the app feel rewarding
- the whole app runs as a desktop app thanks (ty electron)
what i learnt
- how to combine react with electron for desktop apps
- working with timers, intervals, and state updates in react
- handling localStorage for persistence
- basic animation techniques in css for cute interactions
- managing multiple features (timer, tasks, pet stats) together cleanly
what's next?
- replace the placeholder cat emoji with a real tamagotchi sprite or animated character
- make the sound effects work properly
- maybe add more stats or mini interactions like feeding or sleeping
- polish the ui with more retro vibes and sound effects
Log in or sign up for Devpost to join the conversation.