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.
- 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.
- TypeScript
- Next.js
- RapidAPI
- TailwindCSS for styling
To get started with CarHub on your local machine, follow these simple steps:
Clone the repository to your local machine:
git clone https://github.com/yourusername/CarHub.git
cd CarHub
Install the necessary dependencies:
npm install
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
Start the development server:
npm run dev
Open http://localhost:3000
in your browser to see CarHub in action.
This project is licensed under the MIT License - see the LICENSE.md file for details.