React Shopping Cart

About The Project

This is a simple shopping cart application built with React. It allows users to add and remove items from the cart, and displays the total price of the items in the cart. The application is responsive and uses Bootstrap for styling.

This was developed from a starter code provided from the MIT xPRO Professional Certificate in Coding: Full Stack Development with MERN course, and I have implemented the following improvements:

• Content is either fetched fom a Strapi API or hardcoded in the application. The app checks if the API is available and fetches the data from it, otherwise it uses the hardcoded data.
• Improved the UX/UI of the entire application, by adding product cards and simplifying the shopping cart layout.
• Added a Remove button to each item in the cart.
• Added the Restock Products button to the Product list section.
• Fixed the checkout button to reset the cart to an empty array after the user checks out.
• Added the add and remove stock functionalities to the Add to card button and the Remove button, respectively.
• Added an alert message when the user tries to add more items to the cart than the available stock.
• Fixed the checkOut function to reset the cart to an empty array after the user checks out.

(back to top)

Built With

• 
• 

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Joana Parente - @joana_r_parente - jrparente@gmail.com

Project Link: https://github.com/jrparente/mit-pro-restock-shopping-cart

(back to top)