Slonetech / gordon-motors-carlisting

Home Page:https://slonetech-jynw.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Gordon Motors Car Listing

Gordon Motors Car Listing is a web application that allows users to browse and search for cars listed by Gordon Motors. The project is built using vanilla HTML, CSS, and JavaScript.

Features

  • Car Listing: Display a list of cars available for sale, including their images, descriptions, and pricing information.
  • Search Functionality: Allow users to search for cars based on various criteria, such as make, model, price range, and more.
  • Responsive Design: Ensure that the application is fully responsive and optimized for different screen sizes and devices.
  • Sorting Options: Provide sorting options to allow users to sort the car listing based on criteria such as price, mileage, or year.
  • Car Details: Show detailed information about each car, including specifications, features, and seller contact information.
  • Contact Seller: Allow users to contact the seller for inquiries or to schedule a test drive.
  • Favorites: Enable users to add cars to their favorites list for easy access later.

Live Preview link

Installation

  1. Clone the repository: git clone https://github.com/Slonetech/gordon-motors-car-listing.git
  2. Navigate to the project directory: cd gordon-motors-car-listing
  3. Open the index.html file in your preferred web browser.

Usage

  • Browse through the car listing to view available cars.
  • Use the search functionality to find cars based on specific criteria.
  • Click on a car to view detailed information about it.
  • Contact the seller for inquiries or to schedule a test drive.
  • Add cars to your favorites list for quick access.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.

License

This project is licensed under the MIT License.

Acknowledgements

  • The project utilizes the FontAwesome icon library for star ratings.
  • The car data used in this project is fictional and for demonstration purposes only.
  • swiperjs.com for adding sliders functionality via CDN

Deployment link

     https://slonetech.github.io/gordon-motors-carlisting/

About

https://slonetech-jynw.vercel.app


Languages

Language:HTML 50.5%Language:CSS 36.5%Language:JavaScript 13.0%