Plan of Action

1. Create Wireframe (mockup)

• Scratch Screen
• Visualize what do you want to do)

2. Create react app

create-react-app $APPNAME

3. 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"

4. Structure of Covid Tracker
5. Create Header
6. Create Info Boxes
7. Create table
8. Create Chart
9. Create Map
10. Styling

• Material Design

11. Deployment

Tech

• React Hook
• Material Design
• Graph: react-chartjs-2, chartjs
• Map: react-leaflet
• CSS BEM name convention

Development

npm install npm start

Deployment

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
```