https://github.com/tinkkid/next-js-cars
Find and rent a car from the list.
https://github.com/tinkkid/next-js-cars
api headless nextjs nextjs13 notiflix react react-hook tailwind tailwindcss
Last synced: 7 months ago
JSON representation
Find and rent a car from the list.
- Host: GitHub
- URL: https://github.com/tinkkid/next-js-cars
- Owner: Tinkkid
- Created: 2023-06-27T10:35:38.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-30T09:55:21.000Z (over 2 years ago)
- Last Synced: 2025-01-19T07:13:58.454Z (9 months ago)
- Topics: api, headless, nextjs, nextjs13, notiflix, react, react-hook, tailwind, tailwindcss
- Language: TypeScript
- Homepage: https://next-js-cars-hub.vercel.app
- Size: 2.39 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CarHub showcase
This is a demo single page application. You can find and rent a car from the list. To search for a car, you can additionally use the year of production and the type of fuel.
To obtain data on the car are used API from Rapidapi.com - [Cars by API-Ninjas](https://rapidapi.com/apininjas/api/cars-by-api-ninjas/) and [Car Imagery API](https://www.imagin.studio/car-image-api) to obtain images from different angles.
### SPA built using:
- [Next.js Documentation](https://nextjs.org/docs)
- Deploy on [Vercel](https://vercel.com)
- [Tailwindcss](https://tailwindcss.com/) - A utility-first CSS framework
- [Headlessui](https://headlessui.com/) - UI components, designed to integrate with Tailwind CSS
## Getting Started
1. Clone this repository:
```bash
git clone https://github.com/Tinkkid/next-js-cars.git
```
2. Install all dependencies:
```bash
npm install
```
3. Set up the necessary environment variables in the .env file.
4. Start project:
```bash
npm run dev
```
5. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Live page
Open page - use link [next-js-cars.vercel.app](https://next-js-cars.vercel.app/)