Welcome to the A-cars! This project is a React-based web application that allows users to browse cars, register, log in, and manage a cart. It leverages React Hook Form for form management and TanStack Query for handling data fetching and mutations.
Register: Navigate to /register and fill out the registration form. Login: Navigate to /login and enter your credentials. Cart Management Add to Cart: Browse cars and click "Add to Cart" to include a car in your shopping cart. View Cart: Navigate to /cart to view items in your cart and proceed to checkout. Favorites Management Add to Favorites: Click the "Favorite" button on any car to add it to your favorites list. View Favorites: Access your favorite cars from the favorites page. Notifications React-Toastify: Notifications will appear at the top of the screen for actions such as adding items to the cart or favorites.
User Authentication: Register and log in to access personalized features. Cart Management: Add cars to your cart and proceed to checkout. Favorites Management: Add cars to your favorites list. Notifications: Receive real-time notifications about actions performed in the app. Responsive Design: Mobile-first responsive design using Sass. Technologies Used React: Frontend library for building user interfaces. React Router Dom: Declarative routing for React applications. React Hook Form: Performant, flexible form handling for React. TanStack Query: Powerful data fetching and caching library. Redux Toolkit: State management library for managing favorite items. React-Toastify: Notifications library for managing alerts and messages. Sass: CSS preprocessor for cleaner and more efficient styling.