Skip to content

VladyslavSiverskiy/car-rent-app-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Car Rental Application Client

Welcome to the Car Rental pet project! This project aims to create a simple web application that allows users to rent cars online. Client is a component of a larger application. The backend of this application is built using Java and provides the necessary APIs for user registration, car data retrieval, reservations, and more.

You can open [https://github.com/VladyslavSiverskiy/car-rental-project] to see backend part of project, which is written using spring boot v3.

This client side of project is deployed and hosted on AWS S3 bucket: [http://car-rental-frontend.s3-website.eu-central-1.amazonaws.com/]

Features

  • User registration and authentication
  • Browse and search for available cars
  • View car details, including specifications and pricing
  • Leave comments about cars
  • Reserve and rent cars for specific dates
  • Pay for order using PayPal account (currently use PayPal test account)
  • Upload photos of cars and avatars
  • User dashboard to manage orders
  • Admin dashboard to manage cars and orders

Installation

Connecting with backend side

To run this project locally, firstly you should run java server or make sure that EC2 instance with java app is running.

Clone the repository

git clone https://github.com/your-username/react-car-rental.git

Navigate to the project directory:

cd react-car-rental

Install the project dependencies:

npm install

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Demo