Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/alexandrbig1/rental-car

Welcome to Cruise Wheels, a freelance React Redux project built on Vite, revolutionizing car rentals with a sleek interface, fully responsive and seamless user experience. Explore advanced features like Redux Toolkit for state management, Axios for asynchronous data fetching, and a dynamic UI powered by React Icons and Styled Components.
https://github.com/alexandrbig1/rental-car

axios backend computerscience css3 frontend fullstack html-css-javascript html5 javascript js mockapi react reactjs redux redux-toolkit softwareengineer styledcomponents ux-ui-design webdevelopment

Last synced: 3 days ago
JSON representation

Welcome to Cruise Wheels, a freelance React Redux project built on Vite, revolutionizing car rentals with a sleek interface, fully responsive and seamless user experience. Explore advanced features like Redux Toolkit for state management, Axios for asynchronous data fetching, and a dynamic UI powered by React Icons and Styled Components.

Awesome Lists containing this project

README

        

# Cruise Wheels

Discover unforgettable journeys with Cruise Wheels - Your Gateway to Extraordinary Adventures.

[![GitHub last commit](https://img.shields.io/github/last-commit/Alexandrbig1/rental-car)](https://github.com/Alexandrbig1/rental-car/commits/main)
[![GitHub license](https://img.shields.io/github/license/Alexandrbig1/rental-car)](https://github.com/Alexandrbig1/rental-car/blob/main/LICENSE)
[![JavaScript](https://img.shields.io/badge/JavaScript-Latest-EAD319.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
[![Axios](https://img.shields.io/badge/Axios-1.6.4-5300D8.svg)](https://github.com/axios/axios)
[![Vite](https://img.shields.io/badge/Vite-5.0.8-6868F2)](https://vitejs.dev/)
[![React](https://img.shields.io/badge/React-18.2.0-51CAEF.svg)](https://reactjs.org/)
[![Styled Components](https://img.shields.io/badge/Styled_Components-6.1.6-D664C0.svg)](https://styled-components.com/)
[![React Icons](https://img.shields.io/badge/React_Icons-4.12.0-E10051.svg)](https://react-icons.github.io/react-icons/)

## Overview

Welcome to Cruise Wheels, a React Redux project built on Vite that allows you to rent a car in style, comfort, and confidence. Cruise Wheels is more than just a rental – it's a gateway to experiences beyond the ordinary. Cruise in style, comfort, and confidence, making every mile a story. Your unforgettable adventure begins with Cruise Wheels – Your Drive, Your Experience.

## Table of Contents

- [Features](#features)
- [Technologies Used](#technologies-used)
- [License](#license)

### Screenshots:

![Cruise Wheels](/public/images/screenshots/cruise1.jpg) _Screenshot 1
(Home Page Dark Theme)_

![Cruise Wheels](/public/images/screenshots/cruise2.jpg) _Screenshot 2
(Home Page Light Theme)_

![Cruise Wheels](/public/images/screenshots/cruise3.jpg) _Screenshot 3
(Catalog Page Dark Theme)_

![Cruise Wheels](/public/images/screenshots/cruise4.jpg) _Screenshot 4
(Catalog Page Mobile Screen Light Theme)_

![Cruise Wheels](/public/images/screenshots/cruise5.jpg) _Screenshot 5
(Modal Window Tablet Screen Dark Theme)_

## Features

- **Intuitive User Interface**: Crafted with @mui/material and styled with @emotion/styled for a sleek and user-friendly experience.
- **State Management with Redux Toolkit**: Utilizes @reduxjs/toolkit for efficient state management in your React application.
- **Asynchronous Data Fetching**: Employs Axios for seamless asynchronous data fetching.
- **Form Handling with Formik and Yup**: Implements @formik and yup for robust form handling and validation.
- **Routing with React Router**: Utilizes @react-router-dom for smooth navigation and routing in your application.
- **UI Components with React Icons and Styled Components**: Enhances the UI using @react-icons and @styled-components.
- **Dynamic Loading with React Loader Spinner**: Incorporates @react-loader-spinner for dynamic loading indicators.
- **Modal Windows with React Modal**: Utilizes @react-modal for elegant and responsive modal windows.
- **Select Input with React Select**: Enhances user interaction with @react-select for customizable select input.
- **Notification System with React Toastify**: Implements @react-toastify for user-friendly notifications.
- **Persistent State with Redux Persist**: Uses @redux-persist for persistent state management.
- **Middleware for Async Actions with Redux Thunk**: Enhances Redux with @redux-thunk for handling asynchronous actions.
- **Universal Styling with Styled Components and Emotion**: Combines @styled-components and @emotion/styled for a versatile styling approach.
- **Unique Identifiers with UUID**: Generates unique identifiers using the @uuid library.

## Technologies Used

- React
- Redux Toolkit
- Vite
- @emotion/react
- @emotion/styled
- @mui/material
- Axios
- Formik
- Yup
- React Router
- React Icons
- React Loader Spinner
- React Modal
- React Select
- React Toastify
- Redux Persist
- Redux Thunk
- Styled Components
- UUID

## Issues

If you encounter any issues or have suggestions, please
[open an issue](https://github.com/Alexandrbig1/rental-car/issues).

## License

This project is licensed under the [MIT License](LICENSE).

## Feedback

I welcome feedback and suggestions from users to improve the application's
functionality and user experience.

## Languages and Tools:

HTML5
CSS3
JavaScript
reactStyled Components
Vite

git

figma

## Connect with me:



linkedin


github


Discord


stackoverflow


dribbble


behance


Upwork