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

Share this project:

Updates