Ankitv003/E-commerce-shopping-cart

The E-Commerce Shopping Cart is a React-based web application for managing online purchases. It features product listings, cart management, discount applications, and a checkout process. Designed with simplicity and responsiveness in mind, this project demonstrates practical use of React for interactive user interfaces.

E-Commerce Shopping Cart

Welcome to the E-Commerce Shopping Cart application! This project is a web-based shopping cart system that allows users to browse products, add items to their cart, and manage their purchases. It is built using React and styled with simple CSS. The application is hosted on Netlify.

Table of Contents

• Introduction
• Technologies Used
• Features
• Installation
• Usage
• Screenshots
• Contact

Introduction

The E-Commerce Shopping Cart application is designed to provide users with a seamless online shopping experience. Users can view a list of products, add items to their cart, adjust quantities, apply discounts, and proceed to checkout. The application ensures a smooth user experience with intuitive design and functionality.

Technologies Used

• React: For building the user interface and managing state.
• CSS: For styling the application with a clean and responsive design.
• Fake Store API: For providing product data.
• Netlify: For hosting the application.

Features

• Product Listing: Browse and view a list of products with details.
• Add to Cart: Add items to your cart and view them in a dedicated cart page.
• Quantity Management: Adjust the quantity of items in the cart and remove items if needed.
• Discount Coupons: Apply discount coupons for 10% or 15% off.
• Checkout: Complete your purchase with a checkout process and view a confirmation message.
• Responsive Design: Ensures the application works well on all devices.

Installation

To run this project locally, follow these steps:\

1. Clone the repository:

   git clone https://github.com/Ankitv003/Movie-Watchlist.git

2. Navigate to the project directory:

   cd E-commerce-shopping-cart

3. Install the dependencies:

   npm install

4. Start the development server:

   npm start

5. Open your browser and go to: http://localhost:3000

Usage

Once the application is running locally, you can start interacting with the E-Commerce Shopping Cart. Browse through the product list, add items to your cart, and use the cart modal to manage your purchases. Apply discount coupons to see the discount applied and proceed to checkout when you're ready.

You can also explore the live version of the application here.

Screenshots

Here are some screenshots of the E-Commerce Shopping Cart application:

1. Product Listing Page

   

2. Cart Modal

   

3. Checkout Page

   

Contact

Feel free to reach out if you have any questions or suggestions! You can contact me via the contact form on my website or through the following channels:

• Email: ankitv78389@gmail.com
• LinkedIn: Ankit Verma
• GitHub: Ankitv003

Thank you for using the E-Commerce Shopping Cart application! Enjoy shopping!