An RPG-themed daily to-do list — turn your real-life tasks into quests, earn XP, level up your character, and track your productivity in a gamified way.
- Create tasks as RPG quests with XP reward values
- Earn XP and level up your character by completing quests
- Visual XP progress bar with level indicator
- Quest categories: Daily, Weekly, Side Quest
- Persistent progress via localStorage — no login needed
- AI-generated character portraits via the Vertex AI API
- Clean, RPG-inspired dark theme
| Layer | Technology |
|---|---|
| Language | Vanilla JavaScript (ES6+) |
| Styling | Custom CSS with RPG theme |
| Storage | localStorage |
| Portraits | Vertex AI (Imagen API) |
| Deployment | Vercel |
- Vanilla JS state management without a framework — pure DOM manipulation
- localStorage persistence with JSON serialization
- XP / leveling formula: level = floor(totalXP / 100)
- AI portrait generation via Vertex AI's Imagen API
- CSS custom properties and animations for the RPG visual theme
git clone https://github.com/sonnymay/questlog-app.git
cd questlog-app
# Open index.html in your browser, or serve it locally:
npx serve .MIT