FinSight

Inspiration

Modern life runs on calendars, but finance apps ignore that context. We wanted to build a system that predicts financial conflicts before they happen and reduces stress — not just track past spending.

What it does

FinSight visualizes your budget as a dynamic 3D timeline. It anticipates upcoming expenses, flags overspending risk, and uses AI to rebalance future spending instantly. It can also draft socially intelligent messages to help reduce unnecessary costs.

How we built it

We built FinSight using:

• Next.js 16 and React 19
• React Three Fiber for the 3D financial timeline
• Google Gemini 2.5 Flash for event analysis and forecasting
• ElevenLabs for adaptive voice feedback
• Zustand for shared state management

Challenges we ran into

• Synchronizing real-time 3D rendering with financial projections
• Structuring AI responses into predictable JSON
• Designing fallback logic to keep the demo stable if APIs fail

Accomplishments that we're proud of

• Built a fully interactive 3D financial visualization
• Implemented AI-powered emergency rebalancing
• Integrated multi-persona voice feedback
• Delivered a cohesive, live AI experience within 24 hours

What we learned

• Financial UX improves when users see risk spatially
• AI systems need strict output schemas for reliability
• Emotional reinforcement (voice) reduces perceived financial stress

What's next for FinSight

• Real banking integrations
• Behavioral scoring and habit modeling
• Community-based savings challenges
• Smarter calendar automation for predictive spending

Built With

• date-fns
• elevenlabs
• google-gemini-2.5-flash
• javascript
• next.js
• radix-ui
• react-19
• react-three-fiber
• shadcn/ui
• snowflake
• tailwind-css-v4
• three.js
• typescript
• zustand