Drive Wonders - Car Rental Service

Overview

"Drive Wonders" is a modern car rental service in Ukraine that allows users to browse and rent cars for their travel needs. This web application is built using React and Redux for state management, and it utilizes MockAPI for simulating a backend server.

Features

Browse Cars: Extensive collection of luxury cars with detailed information.

Filter and Search: Users can filter cars based on various criteria and search for specific models.

Car Details: Detailed information about each car, including images, descriptions, features, and rental pricing.

Rental Process: Seamless rental process with options for selecting rental duration, accessories, and pickup location.

Order Summary: Clear order summary before confirming the rental.

Technologies Used

React: A JavaScript library for building user interfaces.

Redux: A predictable state container for managing the application's state.

MockAPI: A tool for simulating a backend server, enabling the development of frontend features without a real backend.

Getting Started

Prerequisites Node.js installed on your machine. Installation Clone the repository:

bash Copy code git clone https://github.com/OlgaBilynska/Cars-Rental-App Navigate to the project directory:

bash Copy code cd drive-wonders Install dependencies:

bash Copy code npm install Start the development server:

bash Copy code npm start Open your browser and visit http://localhost:3000 to see the application.

Project Structure

src/components: React components used throughout the application.

src/pages: Three main pages of the application, and the Error Page.

src/redux: Redux actions, reducers, and store configuration.

public: Static assets and HTML template.

MockAPI Tool

Clone by this link: https://mockapi.io/clone/6568bbf19927836bd9755828

Endpoints for Catalog: GET: "/advert"

GET: "/adverts/:id"

POST: "/adverts"

PUT: "/adverts/:id"

DELETE: "/adverts/:id"

Endpoints for Favorites:

GET: "/favorites"

GET: "/favorites/:id"

POST: "/favorites"

PUT: "/favorites/:id"

DELETE: "/favorites/:id"

Contributing

Full-stack developer - Olga Bilynska. GitHub:https://github.com/OlgaBilynska LinkedIn:https://www.linkedin.com/in/olga-bilynska/

If you want to contribute to this project, please fork the repository and submit a pull request.

Acknowledgments

Thanks to the React and Redux communities for providing excellent tools and resources.