https://github.com/serhiirepinskyi/test-rental-car

🚔 Rental Car - test task
https://github.com/serhiirepinskyi/test-rental-car

axios css3 html5 javascript mockapi-io notiflix react react-select redux-persist redux-toolkit styled-components

Last synced: about 1 month ago
JSON representation

🚔 Rental Car - test task

• Host: GitHub
• URL: https://github.com/serhiirepinskyi/test-rental-car
• Owner: SerhiiRepinskyi
• Created: 2023-09-13T00:23:12.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-11T23:01:45.000Z (8 months ago)
• Last Synced: 2024-05-12T21:20:54.208Z (8 months ago)
• Topics: axios, css3, html5, javascript, mockapi-io, notiflix, react, react-select, redux-persist, redux-toolkit, styled-components
• Language: JavaScript
• Homepage: https://serhiirepinskyi.github.io/test-rental-car/
• Size: 8.67 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Rental Car App

The RentalCar application, which provides services for the provision of cars for rent in Ukraine.

(This is a simple program designed as a test project.)

[Project Link](https://serhiirepinskyi.github.io/test-rental-car/)

## Review

The application consists of three main pages.

### Home page

Home page with a general description of the services provided by the company.

![image](./src/assets/images/readme-img/Screenshot-1.jpg)

### Catalog page

A page containing a catalog of cars of various configurations, which the user can filter by brand, price per hour of car rental and the number of kilometers covered by the car during its operation (mileage).

![image](./src/assets/images/readme-img/Screenshot-2.jpg)

### Favorites page

A page with ads that have been added to favorites by the user.

![image](./src/assets/images/readme-img/Screenshot-3.jpg)

### Modal window

Modal window with rental conditions and detailed characteristics of the selected car.

![image](./src/assets/images/readme-img/Screenshot-4.jpg)

## Technologies Used

Frontend:

- React

- React Router Dom

- Redux Toolkit

- Redux Persist

- React-select

- Axios

- Styled Components

- Notiflix and other

Backend:

- Mockapi.io

## Installation

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

Follow these steps to set up and run the RentalCar App locally:

1. Clone this repository to your local machine:

   ```bash

   git clone https://github.com/SerhiiRepinskyi/test-rental-car.git

   ```

2. Navigate to the project folder: `cd your-repo-name`

3. Install dependencies: `npm install`

4. Start the application: `npm start`

## Author

Created by **Serhii Repinskyi**

- **GitHub**: [SerhiiRepinskyi](https://github.com/SerhiiRepinskyi)

- **LinkedIn**: [Serhii Repinskyi](http://www.linkedin.com/in/serhii-repinskyi)

## License

This project is licensed under the MIT License.