Shopping Cart React Project

This repository showcases my skills in building a React frontend for a simple online shopping cart application. The project is primarily focused on the frontend development aspect, and no backend implementation is included. As a result, some features, such as the checkout button on the cart page, are not functional and are included for design purposes only.

Project Overview

This project simulates an online shopping experience using the following technologies:

• React: A JavaScript library for building user interfaces.
• React Router: For managing navigation and routing within the application.
• Bootstrap: A popular CSS framework for designing responsive web pages.
• Phosphor React: A flexible icon library for React applications.

You can view the live project here: Shopping Cart React Project.

Features

• Product Listing: Browse through a selection of products with details such as price and description.
• Add to Cart: Easily add products to your shopping cart.
• View Cart: See a summary of the items in your cart with total pricing.
• Checkout Button: Present on the cart page, though non-functional due to the absence of backend integration.

Running the Project Locally

To run the project on your local machine, follow these steps:

1. Clone the repository:

   git clone https://github.com/NasimFekrat/shopping-cart-react.git

2. Navigate to the project directory:

   cd shopping-cart-react

3. Install the dependencies:

   npm install

4. Start the development server:

   npm start

5. Open http://localhost:3000 in your browser to view the application.

Contributing

This project is open for contributions. If you have any suggestions or improvements, feel free to fork the repository and submit a pull request.

License

This project is licensed under the MIT License.

Acknowledgements

• Create React App for the initial project setup.
• Phosphor Icons for the beautiful icons.
• Bootstrap for the responsive design framework.