Gamified financial literacy for the next generation.
Learn budgeting, saving, and smart money habits — through XP, levels, and interactive minigames.
🌐 Live App: centsable.vercel.app
📂 GitHub: github.com/uimolten/centsable
Centsable is a web app that makes personal finance education actually engaging for students and teens. Instead of reading walls of text, users earn XP, level up, and build real financial knowledge through hands-on minigames and interactive challenges.
Built after watching classmates struggle to absorb online financial resources in a personal finance class — Centsable is designed to meet students where they are: on a screen, wanting something that feels rewarding to use.
- 🎮 Interactive Minigames — Learn budgeting, saving, and financial decision-making through gameplay
- ⚡ XP & Leveling System — Earn experience points and level up as you complete challenges
- 👤 User Accounts — Persistent profiles with progress saved to the cloud
- 📊 Progress Tracking — Visualize your financial literacy journey over time
- 🤖 AI-Powered Features — Intelligent content powered by Google Genkit + Gemini
- 🎨 Polished Animations — Smooth, game-like UI built with Framer Motion and GSAP
| Layer | Technology |
|---|---|
| Framework | Next.js 15, React 18 |
| Language | TypeScript |
| Styling | Tailwind CSS, Radix UI |
| Animation | Framer Motion, GSAP |
| Charts | Recharts |
| Backend | Firebase Cloud Functions, Firebase Admin SDK |
| Database | Firestore (Firebase) |
| Auth | Firebase Authentication |
| AI | Google Genkit, Gemini |
| Forms | React Hook Form, Zod |
| Drag & Drop | React DnD |
| Deployment | Vercel |
| Dev Environment | Firebase Studio (Google Project IDX) |