Car Showcase App

This project is a car showcase application built using Next.js, Tailwind CSS, and TypeScript. It fetches car data from the RapidAPI Cars API and car images from the Car Images API. The app provides functionalities such as search, filtering, and pagination, along with a user-friendly and mobile-responsive UI.

Features

• Fetches car data from RapidAPI Cars API
• Fetches car images from Car Images API
• Search functionality to find specific cars
• Filter cars based on various parameters
• Pagination for browsing through multiple car listings
• Responsive design for seamless usage on mobile devices

Technologies Used

• Next.js
• TypeScript
• Tailwind CSS

Getting Started

1. Clone the repository:

   git clone https://github.com/Kalutu/car-showcase

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open http://localhost:3000 in your browser to view the application.

Usage

• Upon launching the application, you'll land on the homepage showcasing the list of cars.
• Use the search bar to find specific cars by name or model.
• Filter cars based on various parameters such as make, model, year, etc.
• Display more cars using the showmore button to explore more car listings.

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve the application.

1. Fork the repository.
2. Create your feature branch (git checkout -b feature/MyFeature).
3. Commit your changes (git commit -am 'Add my feature').
4. Push to the branch (git push origin feature/MyFeature).
5. Open a pull request.

Credits

• RapidAPI Cars API
• Car Images API