Study Garden is a gamified study-tracking web app where productive time earns you rewards to grow a virtual garden.
Every minute of focused study gives you resources (coins) to unlock plants, seeds, and decorations.
It’s both a study tool and a casual game to keep you motivated.
- Account creation, login, and password management
- Personal data stored securely
- Leaderboard to compare progress with others
- Stopwatch with adjustable time in 5-minute increments
- Earn 1 coin every 5 minutes of completed study
- Coins saved progressively to prevent losing progress if the tab closes
- Option to run study sessions (earn coins) or break sessions (no coins)
- Interactive oblique-view garden
- Spend coins to buy seeds, plants, and decorations
- Randomized seed packs with rarity levels
- Expand garden lot size to grow more plants
- Persistent piggy bank visible on both study and garden screens
- Leaderboard displayed on garden screen
- Frontend: React, TypeScript, TailwindCSS
- Backend: AdonisJS
- Database: PostgreSQL
- Other Tools: Slack (team communication), GitHub (version control), Vite (building tool)
- Wyatt Granlund — Backend + DB management
- Tony Guillen — Backend
- Adele Menezes — Frontend (learning JS/React)
- Isabella Perez — Frontend development
- Luke Thomson — API integration
- User System
- Create accounts, login, and store user data
- Verify usernames and passwords
- Study Tab
- Stopwatch for user-selected intervals
- Coin updates every 5 minutes
- Break vs. study session toggle
- Garden Tab
- Display garden in oblique view
- Add/remove plants, expand lot size
- Shop
- Buy seed packs with coins
- View unlocked seeds
Projects like Study Bunny, studywithme.io, and Duolingo inspired Study Garden’s gamified approach.