Car Catalog

Table of Contents

1. About The Project
2. Built With
3. Getting Started

About the project

Developed with Next.js and leveraging server-side rendering capabilities, the Car Showcase website presents various car types along with its details. Along with advanced filtering and pagination support.

Features:

• List down and display fetched cars with wide variety of cars.
• Utlizing a search and filter system based on criteria such as model, manufacturer, year, fuel type and make.
• Seamless transition implemented for providing a smoother browser experience
• Pagination implemented for easy navigation, allowing users to explore multiple pages effortlessly
• The website is designed to be visually pleasing and responsive.

Screen.Recording.2024-03-17.at.14.38.22.mov

Built With

(back to top)

Getting Started

This section describes how you can setup the project locally. To get the local copy up and running follow these simple steps.

Clone the repo

git clone https://github.com/your_username_/Car-Catalogue.git

Navigate to the folder install the dependencies and run

 cd Car-Catalog
 npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

RAPID_API_KEY =
IMAGIN_API_KEY =

You can obtain the these credential by signing up on the corresponding website from Rapid Api and Imagin Cars

Run the project

 npm run dev