Financial Finish πŸš—πŸ’°

Find your financial path, drive your dream car.

🌎 Our Mission

Big purchases, such as cars, are exciting but can be financially overwhelming. Many people struggle to understand which options are realistic based on their budget and goals. Financial Finish empowers users to make informed, actionable financial decisions, helping them plan responsibly while achieving their dream car purchase.

🧠 Inspiration

Buying a car is often confusing:

β€œCan I really afford this?” or β€œWhat’s the smartest way to pay?”

We wanted to simplify these decisions by providing a personalized financial roadmap that guides users from their current situation to their ideal purchase.

πŸ’‘ What it does

  • πŸ“ User Input: Collects financial data like income, savings, expenses, and loan preferences
  • πŸ€– AI-Powered Recommendations: Uses Gemeni AI to analyze inputs and propose a financial plan tailored to the user’s goals
  • πŸš— Car Recommendation: Suggests cars that fit within the user’s financial path, including monthly payment breakdowns
  • 🎨 Interactive Animation: Visualizes a car moving along a stylized road, representing the user’s journey toward their goal

🌟 Key Benefits

  • Personalized Advice: Each recommendation is tailored to the user’s financial profile
  • Accessible & Clear: Simplifies complex financial concepts into actionable steps
  • Visual Motivation: The car animation helps users see their financial journey in a fun, engaging way
  • AI Assistance: Gemeni AI provides intelligent insights without overwhelming the user

πŸš€ Use Cases

  • Individuals planning their first car purchase
  • Users wanting to save for a specific financial goal
  • Car buyers exploring financing options responsibly
  • Financial coaches looking for a tool to help clients visualize their progress

πŸ› οΈ How we built it

  • Frontend: TypeScript + Next.js for a responsive and interactive UI
  • Backend: Next.js API routes + Gemini AI for personalized financial recommendations
  • Animation: Custom JS animations simulate a car driving along a winding road to represent progress visually
  • Integration: AI recommendations dynamically update based on user inputs, providing instant feedback
  • ** Equations:** Calculated optimizations for picking the perfect car

$$ \text{Suitability Score} = 100 \times \left(1 - \frac{MP - MB}{MB}\right) $$

$$ \text{Monthly Payment (MP)} = \frac{r(P - DP)}{1 - (1 + r)^{-n}} $$

🚧 Challenges we overcame

  • Staying focused on the core idea while exploring creative animations
  • Designing a car animation that feels dynamic without requiring excessive scrolling
  • Balancing AI insights with simplicity to avoid overwhelming users

πŸ† What we accomplished

  • Created an interactive, visually appealing financial roadmap
  • Successfully integrated Gemeni AI to provide actionable recommendations
  • Delivered an experience that closely matched our vision from the start of the hackathon

πŸ“š What we learned

  • How to integrate AI into a web application effectively
  • Techniques for aligning interactive animations with user input and progress
  • The importance of maintaining focus and scope while designing a creative project

πŸ“ˆ Next Steps

  • Expand partnerships with automotive companies like Toyota to provide real-world purchase options
  • Add multilingual support for broader accessibility
  • Enhance AI recommendations with more complex financial scenarios and long-term planning

πŸš— Why Financial Finish

Financial Finish turns abstract financial decisions into an interactive journey, helping users confidently reach their car purchase goals. It’s a fun, informative, and personalized tool for anyone planning their financial future.

Built With

  • fastapi
  • geminiapi
  • next.js
  • shadcn
  • tailwindcss
  • typescript
Share this project:

Updates