/Shopping_cart

An React App

Primary LanguageJavaScript

                                   <--- Shopping Cart App --->

@Description

The Shopping Cart App is a feature-rich e-commerce application built with React. It provides users with a seamless online shopping experience, allowing them to browse products, add items to their cart, and manage their purchases efficiently. The app leverages modern web technologies to ensure a responsive and user-friendly interface.

@Features

1)Product Listing: Browse a wide range of products with detailed descriptions, prices, and images.

2)Product Search: Quickly find products using the search functionality.

3)Category Filters: Filter products by categories to easily find what you're looking for.

4)Cart Management: Add, remove, and update product quantities in the cart.

5)Real-time Updates: See real-time updates of cart totals as items are added or removed.

6)Responsive Design: Optimized for both desktop and mobile devices.

7)Persisted State: Cart state is persisted across sessions using local storage.

8)Checkout Process: Simulated checkout process to review and confirm the order.

@Technologies Used

1)React: A JavaScript library for building user interfaces.

2)Redux: For state management to handle global app state.

3)React Router: For routing and navigation within the app.

4)Styled Components: For styling React components using tagged template literals.

5)Axios: For making HTTP requests to fetch product data.

6)Local Storage: To persist the cart state across sessions.

@Usage

#Home Page: Displays a list of products. Use the search bar and category filters to find products.

#Product Details: Click on a product to view its details, including description, price, and image.

#Add to Cart: Click the "Add to Cart" button to add a product to your shopping cart.

#View Cart: Click on the cart icon to view the items in your cart, update quantities, or remove items.

#Checkout: Proceed to the checkout page to review and confirm your order.