Simple Js Vanilla + HTML + CSS Shopping Cart
This project is a web application that simulates an online shopping cart for courses. It allows users to select courses and add them to their cart, where they can see the list of selected courses, the quantity, the price per unit, and the total price. Users can also individually remove courses or clear the entire cart.
Look at the DEMO about this project can be run here.
- Add courses to the cart from the list of available courses.
- View the list of courses in the cart.
- Increase or decrease the quantity of units for a course in the cart.
- Remove individual courses from the cart.
- Clear the entire cart.
- Automatically calculate the total price of the cart.
- HTML5
- CSS3 (Bootstrap)
- JavaScript
-
Clone this repository to your local machine:
git clone https://github.com/jousemarquez/ShoppingCart
-
Open the index.html file in your web browser to see the application.
-
Browse through the list of available courses and add the courses you want to the cart by clicking the "Add to Cart" button.
-
Go to the cart section by clicking the cart icon in the upper-right corner.
-
In the cart section, you can increase or decrease the quantity of units for a course, remove individual courses, or clear the entire cart.
-
The total price is automatically calculated and displayed at the bottom of the cart.
Contributions
If you'd like to contribute to this project, we welcome collaborations! You can open an issue or submit a pull request with your improvements.