- Create Wireframe (mockup)
- Scratch Screen
- Visualize what do you want to do)
- Create react app
create-react-app $APPNAME
- Cleanup Project
- Delete test file (App.test.js, setupTest)
- Delete App.css content
- Delete logo.svg
- Clear content in App.js
- rename className "App"-> "app"
- Structure of Covid Tracker
- Create Header
- Create Info Boxes
- Create table
- Create Chart
- Create Map
- Styling
- Material Design
- Deployment
- React Hook
- Material Design
- Graph: react-chartjs-2, chartjs
- Map: react-leaflet
- CSS BEM name convention
npm install npm start
Domain: Firebase
npm run build
npm i -g firebase-tools
firebase login
firebase init
- Hosting
- Use an existing project
- build singer page app
- Change hosting in firebase.json -> build folder
firebase deploy
```