https://github.com/mesbol6647/net.wash-dry

NetWash&Dry Checkout App is a basic level web application(for educational purposes) that allows users to add and remove carpet cleaning products from their cart and calculate the total amount
https://github.com/mesbol6647/net.wash-dry

css css-flexbox css3 dom-manipulation html5 javascript media-queries

Last synced: about 1 month ago
JSON representation

NetWash&Dry Checkout App is a basic level web application(for educational purposes) that allows users to add and remove carpet cleaning products from their cart and calculate the total amount

• Host: GitHub
• URL: https://github.com/mesbol6647/net.wash-dry
• Owner: mesbol6647
• Created: 2023-11-09T16:07:41.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-16T11:27:23.000Z (8 months ago)
• Last Synced: 2024-11-05T11:10:15.133Z (3 months ago)
• Topics: css, css-flexbox, css3, dom-manipulation, html5, javascript, media-queries
• Language: HTML
• Homepage: https://main--netwashdry.netlify.app/dry.html
• Size: 25.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Net-Wash&Dry

# Features

Increase and decrease product quantities

Remove products from the cart

Clear the entire cart

Calculate total amount, shipping fee, and tax rate

Set a free shipping limit

# Technologies Used

HTML

CSS

JavaScript

Font Awesome (for icons)

## Project Description

NetWash&Dry Checkout App is a web application that allows users to add and remove carpet cleaning products from their cart and calculate the total amount. This app provides a shopping cart experience where users can dynamically calculate the prices, taxes, and shipping costs of the products they select.

## Usage

#### Functions

createEventsForPlusMinus

This function listens for click events on the plus and minus buttons and performs the corresponding quantity operations.

#### calculateProductPrice

This function calculates and updates the price of a product based on its quantity.

#### calculateTotalPrice

This function calculates and updates the total amount, shipping fee, and tax rate of the cart.

#### noProductPrint

This function displays a "No product" message if the cart is empty.

#### Usage Steps

Click the + or - buttons to increase or decrease the quantity of products.

Click the trash can icon to remove a product from the cart.

Click the "Clear List" button to empty the entire cart.

Adjust product quantities to see the updated total amount, shipping fee, and tax rate 



![Project-Gif](https://github.com/mesbol6647/net.wash-dry/blob/main/img/project.gif) 

**
![Project-Gif](https://github.com/mesbol6647/net.wash-dry/blob/main/img/netwashmobile.gif)
**  


[Project-Link](https://main--netwashdry.netlify.app/dry.html)


Clone the project to your local machine:

```

netwash&dry

│

├── index.html           # Main HTML file

├── style.css            # CSS file

└── script.js            # JavaScript file

```

```bash

git clone https://github.com/username/netwash-dry-checkout-app.git