CarHub is a Next.js application that serves as a comprehensive car catalogue. Explore cars you might like, filter them based on various parameters like fuel type and year of production, and get detailed information about each car.
- Search Bar: Quickly find cars by their manufacturer.
- Custom Filters: Filter cars based on fuel type and year.
- Car Cards: View essential details of each car in a card layout.
- Show More: Paginate through the list of cars.
- Hero Section: A visually appealing hero section.
- Next.js
- TypeScript
- Tailwind CSS
app/- Contains global CSS and layout files.components/- Reusable components like CarCard, SearchBar, etc.constants/- Constant values like fuel types and years of production.public/- Static assets like images and icons.utils/- Utility functions for fetching car data.
- Node.js
- npm or yarn
-
Clone the repository
git clone https://github.com/alexlux58/CarHub.git
-
Navigate to the project directory
cd CarHub -
Install dependencies
npm install
-
Install dependencies
npm install