SmartSaver

Inspiration

I grew up in a family that was pretty well-off, but I still saw firsthand how tricky it was for my family to keep track of expenses and manage money well. It made me realize that managing finances isn’t just about having money—it’s about understanding how you spend it and making smarter choices.

That got me thinking: what if AI could help people take control of their money by not just tracking spending, but by offering personalized, easy-to-understand advice? That’s how SmartSaver came to life.

What it does

SmartSaver is like having a friendly financial coach right in your pocket. It helps you track your expenses, visualize your spending with clear, interactive charts, and gives you smart AI-powered tips to save more and spend better.

How we built it

We built the app with React and TypeScript for a smooth experience. Supabase handles the backend—storing data, managing authentication, and powering real-time updates. AI drives the personalized advice and chat assistant, and Stripe handles secure payments for premium features.

Challenges we faced

Getting the AI to understand and give helpful advice took a lot of trial and error. Keeping users’ data safe and private was a top priority, so implementing security measures like row-level security was essential. Also, making the app fast and responsive with live updates wasn’t always easy.

What we’re proud of

We created a secure, real-time app that helps people understand their finances better. The interactive charts and ability to export data make budgeting easier and more transparent. Integrating Stripe smoothly for subscription management was also a big achievement.

What we learned

We gained hands-on experience with combining AI and real-time data, working with tools like Supabase and Stripe, and building a clean, user-friendly frontend with React and TypeScript.

What’s next

We’re excited to add bank integrations to automatically import transactions, track investments, and make AI advice even smarter. Offline mode and family budgeting features are also on the way to help more people manage their money easily.

Built With

• chart
• chart.js
• custom
• lucide-react
• netlify
• openai-(or-custom-ai-services)
• or
• postgresql
• react-18
• stripe
• supabase
• supabase-edge-functions
• tailwind-css
• typescript
• vercel
• vite