The application was developed using reactJS with typescript.
- Uses BrowserRouter component of react-router-dom for that we can to navigate between pages in our Single Page Application.
- It's our main component that's gonna be mounted on DOM.
- Goes insert our main component in div root of html DOM.
- All pages that the app it's gonna need.
- This pages that will be routed by BrowserRouter component.
- All components that we may to reuse now or at the future.
- All images and icons.
- Our html.
- I used eslint, prettier and editorconfig for code patterns.
- In eslint I chooosed airbnb definition.
- Datas are pulled of postman Covid19API. https://documenter.getpostman.com/view/10808728/SzS8rjbc
- First was created a simple view to show all confirmed, recovered and deaths cases per country.
- Shows also 2 charts that be explained below on Charts topic.
- 2 views:
- All cases today divided in 3 subtypes: confirmed, recovered and deaths.
- And all cases with the same types since the beginning of the pandemic.
- Shows all countries ordered by total confirmed cases.
- Shows all countries ordered by total confirmed new cases.
- Shows all countries ordered by total new deaths cases.
Url: https://recharts.org
- Using recharts to show datas with charts
- So usefull library
- PieChart
- Shows the proportional data based on the confirmed cases for selected country.
- LineChart
- Shows three lines. One to confirmed cases, other to recovered and another to death cases.
- At this chart the data are divided per month for selected country.
- Will showed when size screen be biggest than 1100px.
- StackedBarChart
- Shows one bar stacked in 3 types: confirmed, recovered or death cases.
- At this chart the data are divided per month for selected country.
- Will showed when size screen be snallest than 1100px.