Online Demo Link(Deploy on firebase)

https://cathy-shopping.web.app/

features

1. basic shopping list functions implementation.
2. Follow Eslint, Airbnb rules, and able to autofix with prettier.
3. pxCook to comfirm the actual pixel and color precisely.
4. css media query when device width less then some critical points.
5. redux new toolkit, redux-toolkits.
6. component reused.
7. draw.io draw the wireframe of RWD (web/mobile devices).
8. Add Circular Progress while loading the data from db.
9. Get Data from Firebase Server (similar to API call actions).
10. Style list to sort css style in order to raise the maintainability

Available Scripts

In the project directory, you can run:

yarn

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

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

yarn build

To build the function

framework made by draw.io snapshot

pxCook note snapshot

Firebase data snapshot