Discover unforgettable journeys with Cruise Wheels - Your Gateway to Extraordinary Adventures.
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.
Screenshot 1
(Home Page Dark Theme)
Screenshot 2
(Home Page Light Theme)
Screenshot 3
(Catalog Page Dark Theme)
Screenshot 4
(Catalog Page Mobile Screen Light Theme)
Screenshot 5
(Modal Window Tablet Screen Dark Theme)
- 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.
- 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
If you encounter any issues or have suggestions, please open an issue.
This project is licensed under the MIT License.
I welcome feedback and suggestions from users to improve the application's functionality and user experience.
