Toyota Galaxy

Inspiration

We wanted to simplify the car-shopping experience for users who struggle to compare lease and loan options or find available Toyota vehicles across different cities. While researching, we realized that most online tools either provide partial information or require manual effort across multiple sites.

To make the process more engaging, we drew inspiration from celestial themes and astrology, combining data and personality. The idea of matching Toyota models to users’ zodiac signs brought a creative, personal touch to what’s typically a dry, numbers-driven experience.

What it does

ToyotaGalaxy is a web application that helps users:

Estimate lease or loan costs for Toyota vehicles using an intelligent backend model.

Browse available cars across major Texas cities in one place, no more jumping between dealership sites.

Get zodiac-inspired recommendations based on their astrological sign and driving preferences.

Receive personalized insights on affordability, financing, and lifestyle fit.

By merging practical data with a creative theme, the app makes exploring car options both useful and fun.

How we built it

Frontend: Designed in Figma and implemented using React (Vite), TailwindCSS, and Radix UI for a clean, responsive, celestial-themed interface.

Backend: Built with Python (FastAPI) to handle API requests, run the cost estimation model, and serve car recommendations.

Data: Combined mock dealership listings, city-based pricing data, and zodiac mapping logic.

Integration: Used RESTful APIs to connect the React frontend with the FastAPI backend, ensuring smooth two-way communication.

Deployment: Deployed the frontend via Vercel and backend via Render, enabling real-time estimation and recommendations.

Challenges we ran into

Setting up a FastAPI backend and integrating it with the React frontend under time pressure.

Handling data inconsistencies across mock dealership datasets.

Ensuring accurate financial estimations without relying on third-party APIs.

Balancing creative features (like astrology) with real-world financial tools.

Accomplishments that we're proud of

Successfully connecting our frontend and backend for live cost predictions.

Designing a polished, cohesive UI that blends functionality with aesthetic appeal.

Building a working financial estimation model that provides instant results.

Creating a fun and unique zodiac-to-Toyota mapping system that adds personality to the user experience.

Completing an end-to-end working product within the limited timeframe of the hackathon.

What we learned

Implementing full-stack communication between a React frontend and Python backend.

Using asynchronous API calls and managing CORS for cross-origin data exchange.

Applying UX design principles from Figma to functional, accessible components.

Translating data and personality insights into meaningful recommendations.

Working effectively as a team under tight hackathon constraints.

What's next for Toyota Galaxy

Expanding coverage beyond Texas to include nationwide dealership listings.

Integrating real-time car data via official Toyota or third-party APIs.

Enhancing the AI model to factor in credit score, income, and interest rate changes for more accurate results.

Introducing a user login system to save preferences and compare favorite cars.

Adding a mobile app version for easier on-the-go access.

Built With

• cursor
• fastapi
• figma
• python
• react.js
• typescript