This is a simple car rental application developed as a test project.
The application consists of three main pages:
- Home Page: Provides a general overview of the services offered by the company.
- Catalog Page: Displays a catalog of cars with different specifications that users can filter by brand, hourly rental price, and mileage.
- Favorites Page: Shows advertisements added by the user to their favorites list.
- Viewing and filtering car advertisements by brand, hourly rental price, and mileage.
- Adding and removing advertisements from the favorites list.
- Viewing detailed information about a car and its rental conditions in a modal window.
- Contacting the car rental company via the "Rent a Car" button with a link to the phone number +380730000000.
- The application is built with React.
- Routing is implemented using React Router.
- Car advertisement data is retrieved from a dedicated server created on MockAPI.
- The appearance and style of the interface are designed according to your preferences.
- Pagination is implemented on the Catalog page, with 8 advertisements per page.
- User actions are preserved even after page refresh.
- Filtering:
- Dropdown list to select a car brand.
- Dropdown list to select hourly rental prices with a $10 increment.
- Input fields to define a mileage range.
- The application includes error handling pages and an empty result page to effectively display various error scenarios and cases where nothing is found based on the applied filters. Users will be informed and directed in cases of errors and empty results.
- If a user accesses a route that does not exist, they will be redirected to the home page.
- Created by Yevheniia Melnychenko ❤️
- Car images sourced from here
- MockAPI is used to provide car data.