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.
- 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.
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 devThis 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.