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.
-
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.
To run the project in a local development environment, you can follow the steps below.
-
Clone the repository:
git clone https://github.com/kubilayture/car-showcase.git
-
Navigate to the Project Directory: Once the cloning process is complete, navigate to the project directory using the following command:
cd car-showcase -
Install Dependencies: To install the necessary dependencies for the app, run the following command:
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.localfile in the project root directory.NEXT_PUBLIC_IMAGIN_API_KEY=your-imagin-key-here -
Run the App: After successfully installing the dependencies, you can run the CarHub locally using the following command:
npm run dev