Shoppinglist App

Project Description

Shoppinglist App is a simple, user-friendly application for managing shopping lists. The application allows users to categorize items into three categories: "Have Enough", "Nice to Have", and "Must Have". Users can add, view, and delete items from these lists and see the total price for the "Must Have" items.

Table of Contents

• About the Project
• Features
• Installation
• Usage
• Preview
• Technologies Used

About the Project

This project aims to simplify shopping list management by categorizing items based on priority and tracking the total cost of essential items.

Features

• Categorized Lists: Manage items in three categories: "Have Enough", "Nice to Have", and "Must Have".
• Add and Delete Items: Easily add items with quantity and price, and remove them when no longer needed.
• Total Cost Calculation: Automatically calculates and displays the total cost of items in the "Must Have" category.

Installation

1. Clone the repository:

   git clone https://github.com/TommyS-NO/ShoppingList.git
   cd ShoppingList

2. Open index.html in your preferred browser.

Usage

Adding Items

1. Open the application.
2. Choose the appropriate category ("Have Enough", "Nice to Have", "Must Have").
3. Enter the item name and quantity. For "Must Have" items, also enter the price.
4. Click the Add button to add the item to the list.

Deleting Items

1. Click the Delete button next to the item you want to remove.
2. Confirm the deletion in the modal that appears.

Viewing Total Cost

1. The total cost for items in the "Must Have" category is displayed at the bottom of the respective section.

Preview

Technologies Used

• HTML
• CSS
• JavaScript