Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kubilayture/car-showcase
This project is a simple car rental website developed using Next.js 13.4. It displays vehicle rental options, encouraging users to explore potential vehicles. The site includes a front end with search and filter features, but does not provide user login or backend functionality.
https://github.com/kubilayture/car-showcase
nextjs
Last synced: 28 days ago
JSON representation
This project is a simple car rental website developed using Next.js 13.4. It displays vehicle rental options, encouraging users to explore potential vehicles. The site includes a front end with search and filter features, but does not provide user login or backend functionality.
- Host: GitHub
- URL: https://github.com/kubilayture/car-showcase
- Owner: kubilayture
- Created: 2023-09-11T17:54:55.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-16T17:34:12.000Z (over 1 year ago)
- Last Synced: 2024-10-24T13:27:15.249Z (2 months ago)
- Topics: nextjs
- Language: TypeScript
- Homepage:
- Size: 1.94 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CarHub - Car Rental Website
This project is a simple car rental website developed using Next.js 13.4. The purpose of this project is to display vehicle rental options to users and encourage them to explore potential vehicles. This site only contains the front end and does not provide any user login or backend functionality.
## Features
- **Search:** Users can search for vehicles by entering the make and model in the search bar.
- **Filter:** Users can filter the search results by year and fuel type.
- **View Vehicle Details**: Click on a vehicle card to see more details, including images and rental information.
## Getting Started
To run the project in a local development environment, you can follow the steps below.
1. Clone the repository:
```bash
git clone https://github.com/kubilayture/car-showcase.git
```
2. **Navigate to the Project Directory**: Once the cloning process is complete, navigate to the project directory using the following command:
```bash
cd car-showcase
```
3. **Install Dependencies**: To install the necessary dependencies for the app, run the following command:
```bash
npm install
```
Before proceeding to the next step, please make sure to create a imagin studio key from the imagin studio's website. Once you have the key, you'll need to save it as an environment variable in a `.env.local` file in the project root directory.
```plaintext
NEXT_PUBLIC_IMAGIN_API_KEY=your-imagin-key-here
```
4. **Run the App**: After successfully installing the dependencies, you can run the CarHub locally using the following command:
```bash
npm run dev
```