Application for a company providing car rental services in Ukraine

Click link: MyRentCar.

The application consists of 3 pages:

Home

• "/" - the homepage with a general description of the services provided by the company.

Catalog

• "/catalog" - a page containing a catalog of cars with various configurations that users can filter by brand, hourly rental price, and mileage driven by the car during its use.

Load more

The first page of the catalog displays 8 listings, and the rest of them - on clicking the 'Load more' button

Learn more

Clicking the 'Learn more' button opens a modal window with detailed information about the car and its rental terms

Rent car

Clicking the 'Rental car' button allows the user to contact the company by phone

Add to favorites

Clicking the 'heart-shaped' icon on the listing card adds it to the favorites list.
In case of a repeated click on the 'heart-shaped' icon, the listing is removed from the favorites list, and the button's color reverts to its initial state.

Favorites

• "/favorites" - a page with listings that have been added to the user's favorites.

If no listings have been added to the favorites list, a button to return to the catalog appears:

For start use command:

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.

Technology Stack: