Spend Smart

Challenges
Budget and Expense Analyzer
Savings and Goals
Education Modules

Inspiration

We’re expected to know how to manage money as adults—but we’re rarely taught how. Financial literacy often comes too late, after costly mistakes. Spend Smart was born to change that by teaching budgeting and saving in a way that’s simple, personalized, and actually fun.

What it does

Spend Smart is an AI-powered financial education web app that helps users learn, track, and grow their money habits.

AI Expense Analyzer & Categorizer – Reviews manually uploaded expenses to find recurring or unnecessary spending.
AI Learning Engine – Uses the Gemini API to generate personalized finance lessons and quizzes.
Goal-Tracking Intelligence – Allows users to set goals to save up to you and predicts savings timelines along with suggestions of actionable adjustments.
AI Savings & Motivation Coach – Gives smart budgeting tips and keeps users motivated to reach their goals based on your expenses.

How we built it

Core Framework: React.js + TypeScript → interactive UI with reliable type safety.
Styling: Tailwind CSS for sleek, responsive design.
Data Visualization: Recharts to display spending patterns and savings goals.
Backend & Data Persistence: Browser localStorage stores user data and preferences for a lightweight experience.
AI Implementation: Google Gemini API powers all AI features—content generation, expense analysis, and personalized learning.
Build Process: Zero-config setup with Import Maps, allowing Gemini SDK and React imports without complex build tools.

Challenges we ran into

Integrating the Gemini API while managing rate limits and ensuring quick responses.
Designing a user experience that feels approachable for beginners but powerful for advanced users.
Building a smooth front-end experience entirely client-side without a traditional backend.
Creating modules that can cater to both younger and older audience

Accomplishments that we're proud of

Created a working prototype that combines education, budgeting, and AI seamlessly.
Developed a clean, responsive interface that’s easy to use for all age groups.
Crafted a strong brand identity and storytelling approach around financial confidence.
Created a platform where users can learn and practice better financial practices.
Used goals and challenges to incentivize savings and build better habits.

What we learned

How to integrate AI models like Gemini for both data analysis and creative content generation.
The importance of simplifying UX for an educational audience.
Managing APIs and asynchronous data safely without heavy infrastructure.
That building financial literacy tools requires balancing trust, usability, and motivation.
Learned to focus on implementing a vision that can match our long term goals.

What's next for Spend Smart

Cater to a Wider Age Range: Spend Smart will adapt to every life milestone. Users will enter their age or stage of life, and the platform will automatically tailor lessons, tips, and goals—whether you’re a teen learning to budget or an adult managing credit and retirement.
More Intensive Modules: Expand our educational hub with deeper learning paths, detailed financial plans, and interactive activities to reinforce real-world money skills.
Premium Subscription Features: ~ Financial News Outlet: A newsletter that keeps users updated on relevant financial trends and opportunities. ~ Advanced Educational Topics: lessons on mortgages, investing, taxes, and long-term financial planning. ~ Challenges Between Friends: Friendly competition where users can challenge each other to save more or reach shared goals. ~ Personalized Financial Advising: AI-generated guidance tailored to each user’s age, income level, and goals.
Integration with Bank/Credit Apps: Allow users to securely link accounts or upload PDFs for automatic expense tracking and analysis—reducing manual entry and making insights more accurate.