Car Showcase

This is a simple project that displays the information about different cars. The cars are retrieved using Cars by API-Ninjas library from RapidAPI.

You can view the working project at: https://car-hub-seven-nu.vercel.app/

Tech Stack:

1. React: https://react.dev/
2. NextJS: https://nextjs.org/
3. TailwindCSS: https://tailwindcss.com/
4. Headless UI: https://headlessui.com/
5. Rapid API: https://rapidapi.com/
6. Cars by API-Ninjas: https://rapidapi.com/apininjas/api/cars-by-api-ninjas
7. Imagin Studio: https://www.imaginstudio.com/

How to RUN?

Create a new environment .env file in the root of the project directory and add a key for Rapid API and a key for Imagin Studio in the environment file. The environment file will look like below, replace the value for {RAPID_API_KEY} and {IMAGIN_STUDIO_KEY}.

RAPID_API_KEY={RAPID_API_KEY}
IMAGIN_STUDIO_KEY={IMAGIN_STUDIO_KEY}

Then run the project using the command npm start dev which will start the project on http://localhost:3000/