Grocery List CRUD App

Grocery List is a web application built using React that helps users manage their grocery shopping. It provides a simple, intuitive interface for creating, editing, and deleting grocery items. Users can add items to their shopping list and remove them when they are no longer needed.

Features

• Create a grocery list by adding items
• Add Quantity
• Remove items from the list
• Update items
• User-friendly and responsive design
• Store list locally in browser

Technologies Used

• React: A JavaScript library for building user interfaces
• LocalStorage: Browser API for storing grocery list data locally
• React Icons: A library of popular icons for React
• Tailwind-UI: A popular React UI framework for creating beautiful user interfaces

Getting Started

Prerequisites

• Node.js: Make sure you have Node.js installed on your machine.

Installation

1. Clone the repository: git clone https://github.com/milliorn/Grocery-List.git
2. Navigate to the project directory: cd Grocery-List
3. Install the dependencies: npm install
4. Start the development server: npm start
5. Open your browser and visit http://localhost:3000 to access the application.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

• This project was inspired by the need for a simple and efficient grocery list management tool.
• Special thanks to the contributors who helped improve and enhance the application.

Links

react-icons -> https://github.com/react-icons/react-icons

sweetalert2 -> https://github.com/sweetalert2/sweetalert2

uuid -> https://github.com/uuidjs/uuid

tailwindcss -> https://tailwindcss.com/docs/guides/create-react-app

typescriptlang -> https://www.typescriptlang.org/