Wheel Wearhouse - Inventory Web App

The Wheel Wearhouse Web App is a user-friendly application that allows users to manage and view car listings. With an intuitive interface and interactive features, users can easily add, edit, and remove car listings from the inventory. This README provides an in-depth overview of the application's features, functionality, and implementation details.

Features

1. Display Car Listings

• The application displays a list of existing car listings in the inventory.
• Each car listing includes details such as the car's name, price, stock status, color, year, fuel type, and an image.

2. Add New Car Listings

• Users can add new car listings to the inventory using a simple and user-friendly form.
• The form includes input fields for entering the car's name, price, stock status, color, year, fuel type, and an image URL.
• Form validation ensures that all required fields are filled correctly before submitting the form.
• Upon submission, the new car listing is dynamically added to the inventory and displayed on the page.

3. Edit Existing Car Stock Status

• By clicking on the "In Stock" or "Out of Stock" text, users can toggle the stock status of a car listing between "In Stock" and "Out of Stock".
• The stock status is dynamically updated and reflected in real-time on the page.

4. Remove Car Listings

• Users can remove car listings from the inventory.
• Each car listing includes a "Remove" button that, when clicked, removes the corresponding car listing from the inventory.
• The removal is instant, and the updated inventory is immediately displayed on the page.

5. Responsive Design

• The application is designed to be responsive, adapting to different screen sizes and devices.
• The responsive layout ensures optimal viewing and interaction experience on both desktop and mobile devices.

Technologies Used

• HTML: Used for structuring the web page.
• CSS: Used for styling the web page and creating a responsive layout.
• JavaScript: Used for adding interactivity to the web page, handling form submissions, and manipulating the car inventory data.
• Git: Used for version control and collaboration.

Installation and Usage

1. Fork and clone the repository.

2. Open the index.html file in your web browser.

3. Use the provided form to add new cars to the inventory.

4. View and interact with the existing car listings.

5. Edit or remove car listings as needed.