Shopping List Web Application

This repository contains a simple web-based shopping list application that allows users to maintain an active list of items they intend to purchase. The application features a user-friendly interface for adding common grocery items with a single click, as well as the flexibility to add custom items. Additionally, it provides an activity log that tracks user actions in real time.

Features

• Common Items: A preset list of common grocery items that can be added to the active list with a single click.
• Add Custom Items: Users can type in and add their own items to the active list.
• Activity Log: Records and displays the history of actions including page load, item additions, and removals, with timestamps.
• Interactive UI: The interface is interactive, allowing users to add and remove items and immediately see the results of their actions.

How to Use

To use the application, follow these steps:

1. Clone the repository to your local machine.
2. Open the index.html file in a web browser of your choice.
3. Click on the "+" button next to an item under "Common Items" to add it to your "Active List".
4. To add a new item, type the item's name into the "New Item" input field and click the "Add item" button or press the Enter key.
5. To remove an item from the "Active List", click the "-" button next to the item.
6. All actions will be logged and can be viewed under the "Log" section.

Technologies Used

• HTML5
• CSS3
• Vanilla JavaScript (ES6)

Setup

No additional setup or dependencies are required to run this application. It can be launched directly in a web browser.