Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/stephenombuya/shopping-cart
This is a simple shopping cart project built using HTML, CSS, and JavaScript. It allows users to add items to the cart, view the cart, and adjust the quantities of the items. The project is designed to provide a straightforward experience with the ability to add/remove items and update the total price dynamically.
https://github.com/stephenombuya/shopping-cart
css3 html5 javascript oop-in-javascript
Last synced: about 1 month ago
JSON representation
This is a simple shopping cart project built using HTML, CSS, and JavaScript. It allows users to add items to the cart, view the cart, and adjust the quantities of the items. The project is designed to provide a straightforward experience with the ability to add/remove items and update the total price dynamically.
- Host: GitHub
- URL: https://github.com/stephenombuya/shopping-cart
- Owner: stephenombuya
- License: apache-2.0
- Created: 2024-11-07T12:53:07.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-07T13:02:41.000Z (about 2 months ago)
- Last Synced: 2024-11-07T14:18:09.433Z (about 2 months ago)
- Topics: css3, html5, javascript, oop-in-javascript
- Language: JavaScript
- Homepage:
- Size: 11.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# **Shopping Cart Project**
This is a simple shopping cart project built using HTML, CSS, and JavaScript. It allows users to add items to the cart, view the cart, and adjust the quantities of the items. The project is designed to provide a straightforward experience with the ability to add/remove items and update the total price dynamically.
### **Features**
- **Add Items to Cart**: Users can add products to the shopping cart.
- **View Cart**: The shopping cart displays all added items.
- **Remove Items**: Users can remove individual items from the cart.
- **Update Item Quantity**: Users can increase or decrease the quantity of a specific item in the cart.
- **Calculate Total**: The total price is updated in real-time as items are added, removed, or updated.
### **Project Structure**
The project consists of three main files:
```
/shopping-cart
├── index.html # Main HTML file
├── style.css # Styles for the shopping cart
├── script.js # JavaScript logic for cart functionality
```
### **How to Use**
1. Clone the repository:
```
git clone https://github.com/stephenombuya/shopping-cart/tree/main
```
2. Navigate to the project folder:
```
cd shopping-cart
```
- Open the index.html file in a browser: You can simply double-click the index.html file to open it in your default browser.
### **Installation**
- There is no server-side installation required for this project as it is purely front-end. However, you may want to host the files on a server or use services like **GitHub** Pages for live deployment.
- **GitHub Pages**: You can deploy the project using GitHub Pages by pushing it to a GitHub repository and enabling GitHub Pages for that repository.
- **Local Development**: You can run this project locally by opening the index.html file in your browser.
### **Contributions**
Feel free to fork this repository and submit pull requests. If you encounter any bugs or have suggestions for improvements, please open an issue.
### **License**
This project is open-source and available under the Apache License 2.0 - [License](https://github.com/stephenombuya/shopping-cart/blob/main/LICENSE)