Smart Finance Manager

Your friendly guide to smarter saving and spending

Comment

Inspiration to Create this App: -Watch my brother struggle to with Bank paper and loans -I used banking app and feel very stressful because your worried that you lost money or not.

Smart Finance Manager is a modular web app that helps users:

  • Track income and expenses with a live budget dashboard
  • Scan receipts and PDFs to auto-extract totals using OCR
  • Set and monitor savings goals with progress bars and AI-generated suggestions
  • Earn points, badges, and cash-back for smart financial actions
  • Receive personalized advice based on spending trends and goal progress Every feature is designed to be intuitive, visual, and rewarding — turning everyday financial tasks into moments of progress.

How We Built It The app is built with vanilla JavaScript, HTML, and CSS, using:

  • localStorage for persistent state
  • Chart.js for dynamic budget visualization
  • Tesseract.js and PDF.js for OCR-based scanning
  • A modular architecture with separate files for rewards, scanning, planning, and UI logic
  • A custom rewards engine that tracks points, levels, badges, and cash-back Each module is designed to be extensible and user-friendly, with clear separation of concerns and responsive UI updates.

Challenges We Ran Into

  • OCR accuracy: Extracting totals from varied receipt formats required fallback strategies and pattern matching
  • Reward logic: Preventing duplicate point awards while keeping the system responsive and fair
  • Cross-tab sync: Ensuring budget and goal updates propagate across browser tabs
  • UI polish: Designing a dashboard that feels clean, modern, and emotionally engaging

Accomplishments That We're Proud Of

  • Built a fully functional receipt and PDF scanner with auto-budget sync
  • Designed a gamified rewards system that feels motivating and fun
  • Created an AI goal generator that adapts to user spending trends
  • Made finance feel approachable and empowering, not intimidating

What We Learned

  • How to integrate AI features into a user-friendly interface
  • The power of modular design for maintainability and scalability
  • How to design for emotional impact, not just functionality

What's Next for Smart Finance Manager

  • Add AI-powered insights for recurring expenses and savings opportunities
  • Build a mobile-first version with offline support
  • Introduce goal streaks, daily challenges, and leaderboards
  • Expand the rewards system to include real-world incentives
  • Enable secure cloud sync and multi-device access

Built With

Share this project:

Updates