https://interviewcandies.github.io/Covid19-Broadcast/

A React application to keep track of COVID-19 around the world.
https://interviewcandies.github.io/Covid19-Broadcast/

Last synced: about 1 month ago
JSON representation

A React application to keep track of COVID-19 around the world.

• Host: GitHub
• URL: https://interviewcandies.github.io/Covid19-Broadcast/
• Owner: InterviewCandies
• Created: 2020-06-05T13:13:44.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-07-19T07:30:40.000Z (about 4 years ago)
• Last Synced: 2024-06-24T07:32:00.354Z (3 months ago)
• Language: JavaScript
• Homepage: https://interviewcandies.github.io/Covid19-Broadcast/
• Size: 3.55 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-novelcovid - COVID-19 Broadcast - 19 status around the world with charts, tables and interactive maps. | [InterviewCandies](https://github.com/InterviewCandies) | English / Vietnamese (Dashboards)

README

        
# COVID-19 Broadcast

Website: https://interviewcandies.github.io/Covid19-Broadcast/ 




A simple React web application to get lastest update around the world using Chartjs and D3 visualization. Data is provided by [Novel API](https://github.com/NovelCOVID/API)\

This project is made during COVID-19 pandemic, i spend my time learning React and try to do something useful with this technology.  

___

## Light mode view 

![light mode](/Images/show-light-mode.png)

___

## Dark mode view

![dark mode](/Images/show-dark-mode.png)

---

## Details 

### Overview global numbers and each continents

![global stats](/Images/details-global.PNG)

### COVID-19 status in each country 

![country stats](/Images/details-country.PNG)

### COVID-19 Timeline by region

![region stats](/Images/details-region.PNG)

### COVID-19 in USA states

![usa states stats](/Images/details-usa.PNG) 

### COVID-19 Global cases by date

![daily stats](/Images/details-daily-global-cases.PNG)

___

## Technologies 

* React 

* React Hook 

* Bootstrap

* Chart-js

----

## Features

* Responsive design 

* Dark/ light mode

* Support languages 

    * English

    * Vietnamese

* Visualization

---

## What i learned

* Using React Hook

* Working with API 

* Using multiple libraries

* Deploy websites with github-pages 

--- 

## Credits

* [Novel COVID-19](https://github.com/NovelCOVID/API)

* [react-chartjs-2](https://github.com/jerairrest/react-chartjs-2)

* [react-simple-maps](https://github.com/zcreativelabs/react-simple-maps)

* [react-tooltip](https://github.com/wwayne/react-tooltip)

---

## License

The MIT License (MIT)

---

## Contact 

* [Linkedin](https://www.linkedin.com/in/voqthang/)

* Email: [email protected]