Skip to content

Latest commit

 

History

History
53 lines (34 loc) · 1.97 KB

README.md

File metadata and controls

53 lines (34 loc) · 1.97 KB
Raw

CarHub

Project Overview

A virtual car showroom designed to provide a smooth experience for exploring car information and images pulled from various APIs. It's a user-friendly web application built using React, Next.js 13, TypeScript, and Tailwind CSS.

Table of Contents

Demo

Live Demo - CarHub

Features

  • Seamless API Integration: Effortlessly fetches comprehensive car data and high-quality images from external APIs.
  • Advanced Filtering: Empowers users with robust search and customizable filtering options to pinpoint their ideal cars.
  • Interactive Car Details: Provides an immersive experience with detailed car information presented elegantly through modal dialogs.
  • Efficient Pagination: Implements efficient pagination for effortless navigation through a vast collection of cars.
  • Responsive Design: Ensures a flawless user experience across all devices with a fully responsive design.
  • Cutting-Edge Technology Stack: Leverages the latest web technologies, including React, Next.js 13, TypeScript, and Tailwind CSS, to deliver a modern and performant web application.

Installation

To run this project locally, follow these steps:

# Clone the repository
git clone https://github.com/Sarthak2601/CarHub.git

# Navigate to the project directory
cd CarHub

# Install dependencies
npm install

# Start the development server
npm run dev

APIs Used

This project relies on the following external APIs to fetch car data and images:

  • Cars by API Ninjas: A reliable source for comprehensive car information.
  • Imagin Studio: A high-quality image service that enhances the visual appeal of our car showcase.

We are grateful for their valuable services, which contribute to the functionality and aesthetics of this project.