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.
- 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
- 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
- Node.js: Make sure you have Node.js installed on your machine.
- Clone the repository: git clone https://github.com/milliorn/Grocery-List.git
- Navigate to the project directory: cd Grocery-List
- Install the dependencies: npm install
- Start the development server: npm start
- Open your browser and visit
http://localhost:3000
to access the application.
This project is licensed under the MIT License. See the LICENSE file for details.
- 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.
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/