Not just another Coronavirus (covid-19) dashboard with live statistics
Tags: css, webdev, javascript, typescript
Published: 2020-04-04 13:05:39

---
title: Not just another Coronavirus (covid-19) dashboard with live statistics
published: true
description: Dashboard website I created presenting Coronavirus (COVID-19) pandemic live statistics and news tracking historical data, daily charts, graphs, a per country view and more!
tags: css, webdev, javascript, typescript
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/b0kftc1932we8tqcdnwd.png
---

So many Coronavirus statistics websites are built these days!

Sharing with you mine which is a responsive dashboard website I created presenting [Coronavirus (COVID-19) pandemic live statistics](https://coronavirus-epidemic.com) and news tracking historical data, daily charts, graphs, a per country view and more! [coronavirus-epidemic.com](https://coronavirus-epidemic.com)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/s255wmji0dfyqps53x5k.png)


Note: VPN/Antivirus policies might block this website because the domain includes the word "virus" (how stupid is that?), so you can also use try using this [alternative link](https://cvpandemic.herokuapp.com/). 

So besides the obvious which is sharing with you some screenshots and the list of technologies used, I added some **fun-to-read coronavirus guide for humans** (which of course includes lots of emojis!) - Just slide down this article to see it 😃 Feel free to suggest some of yours!

In any case, if you have some questions, feedback or recommendations - You are welcome to leave any comment

### Screenshots ###

Desktop

![Coronavirus Map and Charts](https://dev-to-uploads.s3.amazonaws.com/i/4cipr7jqi4ss2g2kun7h.png)

![Coronavirus search country and piechart](https://dev-to-uploads.s3.amazonaws.com/i/dzzolk6fk1uqmnzrohp3.png)

Mobile

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5iuaj0oisq2e3v4vmj7o.gif)

![Coronavirus covid19 graph](https://dev-to-uploads.s3.amazonaws.com/i/gsaj0cdl9d2izfx3t5rp.gif)

![Coronavirus continents compare](https://dev-to-uploads.s3.amazonaws.com/i/f6utoj324nt40etegsvk.gif)

### Tech Stack ###

**Backend:**
- [TypeScript](https://www.typescriptlang.org/) 
- [Express.js (Node.js)](https://expressjs.com/) - Web server
- [Redis](https://redis.io/) - For background tasks & caching needs

**Frontend:**
- [HTML & CSS](https://www.w3schools.com/html/html_css.asp)
- [jQuery](https://jquery.com/)
- jQuery Plugins & Widgets:
  - [ApexCharts](https://apexcharts.com/)
  - [jVectorMap](https://jvectormap.com/)
  - [Autcomplete Widget](https://api.jqueryui.com/autocomplete/)
  - [Datatables](https://datatables.net/)
- [country-emoji](https://github.com/meeDamian/country-emoji) - Easy conversion of a country name into a flag/code and vice versa
- Lovely design by [Themeforest](https://themeforest.net/) 

**Hosting:**
- [Heroku](https://www.heroku.com/)

### APIs ###

- [SCMP (South China Morning Post)](https://interactive-static.scmp.com/sheet/wuhan/viruscases.json)
- [Virustracker API](https://thevirustracker.com/api)
- [Pomber API](https://github.com/pomber/covid19)
- User country selection - [ipapi.co API](https://github.com/ipapi-co/api)
- Few more...

And since we all like emojis..

### 🦠😷 Coronavirus Humans Guide ###

Some of the credit goes to: https://emojipedia.org/coronavirus/

🚫🤦 Don't touch your face
🚫🤧🤲 Don't sneeze into hands
🚫🤝 No handshakes
🚫🧑‍🤝‍🧑 No close contact
🚫🏟 No large gatherings
🚫🛒😡 When using local shops, don't buy literally everything on the shelves. Leave enough for others! 

✅🤧💪 Do sneeze into your elbow
✅😷 Do put a medical mask
🧼👏⏲2⃣0⃣  Wash your hands regularly, for at least 20 seconds
🧴🤲 If soap is unavailable; use alcohol-based handrub / sanitizer
✅📦😌 If practical, have groceries and other items delivered to your home

🧍↔🧍 Keep a reasonable distance from others
🧍▫▫🧍 Stand 2m (6ft) apart
🧍🏠 Stay at home

----

If you liked the article, please [give it a ⭐ on web-coronavirus-stats repository](https://github.com/otomer/web-coronavirus-stats) and click the ❤️ below so other people will see it on DEV.to :) ! Feel free to [follow me on Github](https://github.com/otomer)