This project is a test submission for the Albonyan Almarsos Programming Competition. It is built using React with Vite, Vanilla CSS, Redux, and Swiper.js.
- React with Vite: The project is built using the React framework with Vite as the build tool.
- Vanilla CSS
- Redux
- Swiper.js: Swiper.js is used to implement sliders in the project.
- Car Selection Users can choose from a selection of 7 cars available in the application. Each car includes information such as its name, class, description, seating capacity, and luggage capacity.
- Cart Functionality Users can add and remove cars from their cart. The cart functionality allows users to keep track of the cars they have selected for further actions, such as making a reservation or purchase.
- Browser Local Storage The application utilizes browser local storage to persist the user's cart data. This ensures that the selected cars remain in the cart even if the user refreshes the page or closes the browser.
- Fully Responsive Design The site is fully responsive, adapting to different screen sizes and devices. It provides an optimal viewing and interaction experience for users on desktops, laptops, tablets, and mobile devices.
Desktop demo screenshot
Mobile demo screenshot
