Skip to content

README.md

Latest commit

 

History

History
62 lines (44 loc) · 1.4 KB

README.md

File metadata and controls

62 lines (44 loc) · 1.4 KB
Raw

Tesla Car Configurator UI

A responsive Tesla Model Y car configurator built with Vanilla JavaScript, HTML, and Tailwind CSS.

The project allows users to customize different aspects of the car and see the total price update based on their selections.

Features

  • 🚗 Tesla Model Y configurator UI
  • 🎨 Exterior color selection
  • 🛋️ Interior color selection
  • 🛞 Wheel selection
  • ⚡ Performance package
  • 🤖 Full Self-Driving option
  • 🧰 Accessories selection
  • 💰 Dynamic total price calculation
  • 💳 Estimated monthly payment
  • 📱 Responsive design
  • ✨ Interactive UI with Tailwind CSS

Technologies

  • HTML5
  • Vanilla JavaScript
  • Tailwind CSS
  • Font Awesome

Project Structure

Tesla-Car-Configurator/
├── images/
├── css/
│   └── style.css
├── js/
│   └── main.js
├── index.html
└── README.md


## Getting Started

No installation or build tools are required.

1. Clone the repository.
2. Open the project in VS Code.
3. Run the project using **Live Server** or open `index.html` in your browser.

> Tailwind CSS is loaded using the Tailwind CDN for this learning project.

## Author

**Osama Abu Motlaq**

* GitHub: [AbuMotlaq](https://github.com/AbuMotlaq)
* Email: [oabumotlaq@gmail.com](mailto:oabumotlaq@gmail.com)

---

This project was created for learning and practicing **HTML, Tailwind CSS, and Vanilla JavaScript**.