Skip to content

ChrisDowdDeveloper/car-showcase

Repository files navigation

CarHub

CarHub is a Next.js application that leverages Imagin Studios car API and Cars by API_Ninja on RapidAPI to showcase different cars from all types of makes and models.

Features

  • Home Page: A visually engaging display of cars with information fetched in real-time from a database.
  • Exploration and Filtering: Users can search for cars and filter results by model, make, year, price range, and more.
  • Responsive Design: The platform is fully responsive, providing a seamless experience on mobiles, tablets, and desktops.

Technologies Used

  • TypeScript
  • Next.js
  • RapidAPI
  • TailwindCSS for styling

Setup and Installation

To get started with CarHub on your local machine, follow these simple steps:

Cloning the Repository

Clone the repository to your local machine:

git clone https://github.com/yourusername/CarHub.git
cd CarHub

Installation

Install the necessary dependencies:

npm install

Set Up Environment Variables

Create a .env file in the root directory and add the necessary API keys and database connection strings:

RAPID_API_KEY=your_rapidapi_key
NEXT_PUBLIC_IMAGIN_KEY=your_imagin_key

Running the Project

Start the development server:

npm run dev

Open http://localhost:3000 in your browser to see CarHub in action.


License

This project is licensed under the MIT License - see the LICENSE.md file for details.