How powerpapi/corona-app works
This is a React COVID-19 dashboard: it loads global statistics, lets users choose a country, and presents summary counts plus either global daily trends or country-level comparisons. The app component coordinates summary requests and passes results to the display components; the chart and country picker load their own supporting data. The README describes only the Create React App setup, so the product capabilities here are based on the sampled source, not additional documentation.
Main entry points: App.js Dashboard app · api/index.js COVID API client · CountryPicker.jsx Country picker · src/index.js React entry
Components 9
App runtime
- React entry
src/index.js - Dashboard app
src/App.js
Data access
- COVID API client
src/api/index.js
Dashboard views
- Summary cards
src/components/Cards/Cards.jsx - Country picker
src/components/CountryPicker/CountryPicker.jsx - Charts
src/components/Chart/Chart.jsx
Other components
- Browser
- User
- COVID data service
Connections 12
- Browser → React entry: loads app
- React entry → Dashboard app: renders
- User → Country picker: selects country
- Country picker → COVID API client: loads countries
- Country picker → Dashboard app: calls callback
- Dashboard app → COVID API client: loads summary
- Dashboard app → Summary cards: passes summary
- Dashboard app → Country picker: renders
- Dashboard app → Charts: passes data
- Charts → COVID API client: loads daily data
- COVID API client → COVID data service: requests data
- COVID data service → COVID API client: returns data