This project is a digital recreation of the Porsche lineup from Auto Expo Delhi 2025, built using Three.js. Inspired by my visit to the event, I wanted to relive the experience while also diving into Three.js to learn the fundamentals of 3D rendering on the web.
Through this project, I explored:
- 🚗 Gimbal locking & camera controls – Understanding and handling rotational constraints.
- 🚀 Optimization techniques – Ensuring smooth performance for complex 3D scenes.
- 🎨 3D model importing – Working with GLTF and optimizing assets.
- ⏳ Loader screens – Improving user experience with proper loading feedback.
- 🗺 Map controls & navigation – Enabling smooth interactions with the scene.
This project blends my love for cars and web development, turning an unforgettable real-world event into an interactive 3D experience. 🚀✨
Check out the live demo here.
 |
 |
|---|---|
 |
 |
- Clone this repository by following the steps mentioned
- Click the green color Code button first.
- Now copy the link displayed in your screen.
- Open the command prompt and navigate to the path where you want to clone this repository.
- Type
git clone <Paste the link you copied in the above step>and hit enter! - Congratulations, you have successfully cloned this repository in your computer.
- Open the files for this project in VS Code and open the terminal.
- Run the following commands in the terminal.
npm installto install all the dependencies.npm run devto run the project.
- Here's my portfolio to know more about me!
- If you liked this project, then do leave a star on this repository, and feel free to check my other repositories! 😉