DreamRide is an immersive, multi-stage car-buying experience built for Toyota as part of HackUTD. The platform guides users through preference collection, model matching, and personalized recommendations — ending with a fully interactive 3D vehicle viewer for exploring car variants in real time.

This project focuses heavily on modern frontend engineering, smooth UX motion, and high-performance 3D interactivity.

DreamRide simulates a next-generation online car shopping workflow:

1. Collect preferences (budget, style, needs, etc.)
2. Match users to Toyota models
3. Generate personalized recommendations
4. Explore final picks in a real-time 3D viewer

• Multi-stage car-buying flow (preference → matching → recommendations → 3D viewer)
• Real-time 3D car visualization using Three.js
  • Rotate and inspect the vehicle
  • Explore variants and configurations
  • Interactive viewing experience
• Polished animations and transitions using Framer Motion
• Clean, responsive UI designed for modern web experiences
• Modular component architecture for scalability and maintainability

• React 19
• TypeScript
• Vite
• Three.js (3D rendering + interactivity)
• Framer Motion (UI animation / transitions)
• Lucide (icons)
• ESLint + strict TypeScript rules for code quality
• GitHub + version control workflow

DreamRide was built with production-level frontend practices:

• Strict TypeScript configuration for safer code
• ESLint enforcement for clean conventions
• Modular and reusable components
• Optimized loading and rendering for fast UX