Camp On Wheels

Discover the Freedom of Mobile Exploration with Camp On Wheels.

Overview

Embark on unforgettable journeys with CampOnWheels, where every road leads to new adventures. With our fleet of comfortable and fully-equipped camping cars, you can roam wherever your wanderlust takes you, and unwind amidst nature's embrace. Start your journey today and experience the thrill of the open road, without sacrificing the comforts of home.

Table of Contents

• Features
• Technologies Used
• License

Screenshots:

Screenshot 1 (Home Page Light Theme)

Screenshot 2 (Home Page Light Theme)

Screenshot 3 (Home Page Light Theme)

Screenshot 4 (Catalog Page Dark Theme)

Screenshot 5 (Catalog Page Modal Pop Up Light Theme)

Screenshot 6 (Catalog Page Modal Pop Up Reviews and Form Dark Theme)

Screenshot 7 (Favorites Page Light Theme Mobile Screen)

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.
• Smooth Animations with Framer Motion: Elevate your user experience with smooth and interactive animations powered by Framer Motion.
• Dynamic Slides with React-Awesome-Reveal: Capture your audience's attention with stunning slide animations using React-Awesome-Reveal.

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.

License

This project is licensed under the MIT License.

Feedback

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

Languages and Tools:

Connect with me: