Vanilla JS shopping list
Welcome to the Shopping List App! This web application allows you to create and manage your shopping list online. You can add items to your list, filter them, edit existing items, update item details (work in progress), and the list is automatically saved even after reloading the page. Additionally, the app prevents duplicate items from being included in the list.
Check out the live demo of the Shopping List App deployed on Netlify: Shopping List App
- Add Items: Easily add items to your shopping list.
- Filter Items: Filter the list to find specific items.
- Edit Items: Edit existing items to update their details (work in progress).
- Automatic Save: The list is automatically saved even after reloading the page.
- Prevent Duplicates: The app prevents duplicate items from being included in the list.
- Visit the Shopping List App in your web browser.
- To add an item:
- Enter the item name in the input field.
- Click the "Add" button or press Enter to add the item to the list.
- To filter items:
- Enter a search query in the filter input field.
- The list will dynamically update to display only matching items.
- To edit an item (work in progress):
- Click on the item in the list.
- Update the details of the item.
- Press Enter or click outside the item to save the changes.
- To remove an item:
- Click on the "X" button next to the item in the list.
- The item will be removed from the list.
- HTML
- CSS
- JavaScript
If you want to run the Shopping List App locally or contribute to its development, you can follow these steps:
-
Clone the repository:
git clone https://github.com/Monik2002/Shopping-list-JS.git