An open API service indexing awesome lists of open source software.

https://github.com/subraatakumar/groceries-list-using-react


https://github.com/subraatakumar/groceries-list-using-react

Last synced: over 1 year ago
JSON representation

Awesome Lists containing this project

README

          

# Groceries List App - First React App
![Screenshot](https://github.com/subratsir/Groceries-List-Using-React/blob/main/groceries_screenshot.JPG)

## [See it Live Hear](https://subratsir.github.io/Groceries-List-Using-React/)

## Built With

- HTML
- CSS
- REACT

## Learning Objectives

- React Functional Components.
- Click Events
- useState Hook
- Lists & Keys
- Props & Prop Drilling
- Controlled Component Inputs

## How to host to GitHub pages
- Add these two lines to scripts in package.json

`
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
}
`

- install gh-pages

`
npm install gh-pages --save-dev
`

- add homepage to package.json

`
"homepage": "https://subratsir.github.io/Groceries-List-Using-React",
`

(Note: change the information with yours.)

`npm run deploy`

## Author

👤 **Subrat Dash**

- GitHub: [@subratsir](https://github.com/subratsir)
- Twitter: [@SubratSirIndia](https://twitter.com/SubratSirIndia)
- LinkedIn: [subrata-ku-das](https://www.linkedin.com/in/subrata-ku-das/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Hat tip to anyone whose code was used
- Inspiration
- etc

## 📝 License

This project is [MIT](./MIT.md) licensed.