BMW-Config is an interactive 3D car configurator built with modern web technologies. It allows users to explore and customize a BMW model in real time, showcasing a seamless blend of design, interactivity, and performance.
- 3D Rendering: Realistic visualization of BMW models using React Three Fiber.
- Interactive Controls:
- Change colors, wheels, and other car features dynamically.
- 360° rotation for an immersive experience.
- Responsive Design: Fully optimized for desktop and mobile screens.
- Smooth Animations: Transitions and interactions designed for a premium feel.
- Frontend:
- React.js
- React Three Fiber (Three.js)
- Tailwind CSS
- State Management: Valtio
- 3D Models: GLTF/GLB format
- Build Tool: Vite
-
Clone the repository:
git clone https://github.com/anselumjuju/bmw-config.git
-
Navigate to the project folder:
cd bmw-config -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and visit
http://localhost:3000to view the app.
Contributions are welcome! Feel free to fork the repository and submit a pull request if you’d like to enhance the project or report bugs.
This project is licensed under the MIT License.
Feel free to star this repository if you find it helpful!