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.
-
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.
-
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.
-
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.
To get a local copy up and running, follow these simple steps:
Make sure you have a web browser installed (e.g., Chrome, Firefox).
- Clone the repository:
git clone https://github.com/halil-yesilyurt/grocery-guru.git
- Navigate to the project directory:
cd grocery-guru
- Open index.html in your web browser:
open index.html
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.
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.
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".
- Fork the Project
- Create your Feature Branch (git checkout -b feature/AmazingFeature)
- Commit your Changes (git commit -m 'Add some AmazingFeature')
- Push to the Branch (git push origin feature/AmazingFeature)
- Open a Pull Request