https://github.com/vishal101022/grocery-list-app

Todo grocery list
https://github.com/vishal101022/grocery-list-app

Last synced: 8 days ago
JSON representation

Todo grocery list

• Host: GitHub
• URL: https://github.com/vishal101022/grocery-list-app
• Owner: Vishal101022
• Created: 2022-12-06T11:16:10.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-25T13:29:17.000Z (about 2 years ago)
• Last Synced: 2024-11-08T18:26:00.946Z (2 months ago)
• Language: JavaScript
• Homepage:
• Size: 315 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Grocery list App

## :grey_question: what it does

it allows you to create a grocery list, search the items and delete the items from the list. 

Data is stored on localStorage.

![G1](https://user-images.githubusercontent.com/13450751/209469436-90eb7211-b9bd-4bc9-a6f6-94c73718d583.jpg)

## :open_book: things i learned

1. why we use React framework in our project instead of vanilla javascript

1. learned about component

1. jsx used in place of html

1. learned about hooks(useState)

1. props

1. learned different ways of styling in react(i have used global CSS here)

## :hammer_and_wrench: how to run

Clone down this repository. You will need ```node.js``` and ```git``` installed globally on your machine.  

In the project directory, you can run: 


1. ```npm install```

2. ```npm start```  

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.  

**Note:** The page will reload if you make edits.You may also see any lint errors in the console.