Inspiration Managing money can feel overwhelming, boring, or even intimidating. We wanted to change that. Our goal was to build a financial dashboard that’s not just smart — but friendly, motivating, and fun. By combining AI insights with gamification, we created a tool that celebrates progress and empowers users to take control of their finances with confidence.
🧠 What It Does Smart Finance Manager helps users:
- Track income and expenses with a clean, intuitive Budget Tracker
- Scan receipts and PDFs using AI to auto-log transactions
- Set and monitor savings goals with animated progress bars
- Receive personalized financial advice from an AI planner
- Earn points, unlock badges, and redeem cash-back through a gamified rewards system
🛠 How We Built It
- Frontend: HTML, CSS, and modular JavaScript (main.js, planner.js, reward.js)
- Styling: Custom navy–teal–white palette for clarity and polish
- AI Integration: Tesseract.js for OCR, custom logic for PDF parsing and goal generation
- Backend: Node.js + Express with Plaid API for financial data (sandbox mode)
- Architecture: Event-driven design with persistent state via localStorage
- Gamification: Points, levels, badges, and cash-back logic wired into every module
🧩 Challenges We Ran Into
- Parsing receipts and PDFs reliably across formats
- Designing a reward system that feels meaningful and balanced
- Ensuring cross-tab sync and modular scalability
- Keeping the UI clean while integrating multiple features
- Debugging event propagation between AI modules and planner logic
🏆 Accomplishments We’re Proud Of
- Seamless AI-powered receipt and PDF scanning
- Dynamic goal planner with real-time progress tracking
- Fully functional rewards dashboard with level-ups and badge unlocks
- A cohesive, visually polished interface that feels empowering
- Modular codebase ready for future expansion
📚 What We Learned
- How to architect a scalable, event-driven financial dashboard
- How to integrate AI tools like OCR and goal generation into a user-friendly workflow
- How gamification can transform financial behavior
- The importance of UI/UX polish in building trust and motivation
- How to balance automation with user control and confirmation
🚀 What’s Next for AI Finance Manager
- Confetti animations and sound effects for goal completion
- AI-powered budget insights and spending alerts
- Exportable reports and charts
- Social sharing of badges and milestones
- Investment Portfolio and Savings Tracker modules
- Full Plaid integration for real-time bank data and transaction syncing
Built With
- css
- html
- javascript
- pdf.js
- regex
- tesseract.js
Log in or sign up for Devpost to join the conversation.