Skip to content

halil-yesilyurt/grocery-guru

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Grocery Guru is a simple and user-friendly web application built with HTML, CSS, and JavaScript. It allows users to create, manage, and filter their shopping lists with ease. This responsive web app ensures that your grocery list is always accessible, whether you’re on your desktop or mobile device. Data is stored in the browser's local storage, ensuring that your list persists even after page reloads.

Features

  • Add Items: Add new items to your shopping list. Duplicate items are not allowed.

  • Edit Items: Edit the names of existing items in your list.

add new item

  • Delete Items: Remove individual items from your list.

  • Clear All: Clear the entire shopping list with one click.

  • Filter Items: Easily search through the list to find specific items. Filtering is case insensitive.

filtering items

  • Local Storage: Data is saved in local storage to persist between sessions.

  • Responsive Design: The app is responsive and works well on both desktop and mobile devices.

item list

Getting Started

To get a local copy up and running, follow these simple steps:

Prerequisites

Make sure you have a web browser installed (e.g., Chrome, Firefox).

Installation

  1. Clone the repository:
git clone https://github.com/halil-yesilyurt/grocery-guru.git
  1. Navigate to the project directory:
cd grocery-guru
  1. Open index.html in your web browser:
open index.html

Usage

Adding Items: Type the item name into the input field. Click the "Add Item" button or press "Enter" to add the item to the list.

Filtering Items: Type a keyword into the filter input field to search for specific items in the list.

Editing Items: Click the item you want to edit. Modify the item name and save the changes.

Deleting Items: Click the delete icon next to the item you want to remove.

Clearing All Items: Click the "Clear All" button to remove all items from the list.

Local Storage

Grocery Guru uses the browser's local storage to save your shopping list data. This ensures that your data is not lost even when you reload the page or close and reopen the browser. The list will be retrieved from local storage and displayed when you return to the app.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repository and create a pull request. You can also simply open an issue with the tag "enhancement".

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

About

Web application for creating and managing shopping lists

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published