Car Catalog Project

Welcome to this Project! This README will guide you on how to use and contribute to this project.

Table of Contents

• Overview
• Features
• Car Data
• Posts API
• Installation
• Usage
• Contributing
• License

Overview

The Car Catalog Project is a React web application with multiple pages, including Home, About, Contact, Cars, and Posts. It displays a catalog of cars with details and fetches posts from a public API. The project is designed to help you explore react router principles on the example of cars and posts.

Features

• Router: Navigate between different pages and views by defining routes.
• Multiple Pages: Navigate between Home, About, Contact, Cars, and Posts using the navigation menu.
• Car Catalog: View a catalog of cars with details like make, model, engine, year, price, and images.
• Sorting: View catalog of cars list between 5 types of sorting.
• Posts: Explore posts from a public API at JSONPlaceholder.

Car Data

The car data in this project is defined in the carsData array. It includes the following fields:

• ID
• Slug
• Make
• Model
• Engine
• Year
• VIN
• Image URL
• Price

Posts API

The project uses the JSONPlaceholder API to fetch posts. It displays posts on the Posts page and each of them on the Single Post page.

Installation

1. Clone the repository: git clone https://github.com/yourusername/your-car-catalog-project.git

2. Change to the project directory: cd your-car-catalog-project

3. Install dependencies: npm install

Usage

• Start the development server: npm start

• Open your web browser and go to http://localhost:3000 to access the application.

Contributing

We welcome contributions from the open-source community. If you'd like to contribute to this project, please follow these guidelines:

Fork the repository. Create a new branch for your feature or fix. Make your changes. Submit a pull request.