https://github.com/earthskyorg/vehicle-rental-react

Vehicle Rental React
https://github.com/earthskyorg/vehicle-rental-react

Last synced: 3 months ago
JSON representation

Vehicle Rental React

• Host: GitHub
• URL: https://github.com/earthskyorg/vehicle-rental-react
• Owner: earthskyorg
• Created: 2022-10-28T21:06:32.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-28T21:08:11.000Z (over 2 years ago)
• Last Synced: 2025-01-19T23:30:54.664Z (5 months ago)
• Language: JavaScript
• Size: 10.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vehicle Rental Frontend (With React Js) 





[![react](https://img.shields.io/npm/v/react?label=react)](https://reactjs.org)

[![react-router-dom](https://img.shields.io/badge/react--router--dom-6.2.1-blue)](https://www.npmjs.com/package/react-router-dom)

[![Redux](https://img.shields.io/npm/v/redux?label=redux)](https://www.npmjs.com/package/redux)

[![react-redux](https://img.shields.io/badge/react--redux-7.2.6-blue)](https://www.npmjs.com/package/react-redux)

[![Redux-promise-middleware](https://img.shields.io/npm/v/redux-promise-middleware?label=redux-promise-middleware)](https://www.npmjs.com/package/redux-promise-middleware)

[![axios](https://img.shields.io/badge/axios-0.24.0-blue)](https://www.npmjs.com/package/axios)

[![Bootstrap](https://img.shields.io/npm/v/bootstrap?label=bootstrap)](https://www.npmjs.com/package/bootstrap)

[![sweetalert2](https://img.shields.io/npm/v/sweetalert2?label=sweetalert2)](https://www.npmjs.com/package/sweetalert2)

[![react-responsive-carousel](https://img.shields.io/npm/v/react-responsive-carousel?label=react-responsive-carousel)](https://www.npmjs.com/package/react-responsive-carousel)

Vehicle Rental website is a service for renting a vehicle, using javascript, html, css, and

React js framework



# Features

## There are several features of this API and End Point, as below :

### Public



Register

Login

Forgot Password

List Vehicle along with search, filter, sort and pagination features

Vehicle Detail

Reservation (but can't make a reservation with the vehicle you rent)

Reservation history



### Tenant



Add Vehicle

Edit Vehicle

Delete Vehicle



# How to Run the Application

## 1 Clone Repository

### Clone this repository by running the following command :

```

git clone https://github.com/Hazgn/vehicle-rental-react.git

```

## 2 Install dependencies Package

### Install the dependencies package inside the application folder by running this command :

```

npm install

```

OR

```

npm i

```

## 3 Setups Project

Setups Environment File



Create file name .env.local on the folder project

Create an .env.local file name in the project folder, then fill in the variables like this :



REACT_APP_HOST

http://localhost:8000

note : http://localhost:8000 this is localhost backend, to setup & running backend: click here

## 4 Run Project

Run the app in development mode after server/backend is running. with a command like the following :

```

npm start

```

Open http://localhost:3000 in your browser after project is running.

# Deployment

### `example of this project` 

# Related Projects

### `Vehicle Rental - Backend` 

### `Vehicle Rental - Mobile`