About this project

REACT-SERIES-PROJECT-06(2022)

'MyGrocery' is the best web app for making grocery lists as well as collecting and organising recipes. What does a grocery list serve? It helps you remember what you need to buy even if you leave or misplace your list on the way to the store. I've added an Edit and Delete button to make things easier. After finishing their shopping, users can delete the entire list section by clicking the 'clear all' button.

Technology used

vite
React

How you can run this project on your computer ?

Simply download the entire project (ZIP) or use the CLI. After downloading the file, unzip it and open it in VS code (or your favourite editor). Then, in the terminal, type npm install . All dependencies will be installed. Run npm run dev to get started. Copy the following URL from the terminal and paste it into your browser.

Purpose of this project

This project is part of my React learning process from the scratch. This is a very simple project to help me brush up on my skills and prerequisite knowledge before diving into a large real-world application.

Screenshots

(01) Grocery list interface

(02) Item added

(03) Item removed (04) Item modified

Created By

Arup Mondal (@mondalCodeHub)