Not just another Coronavirus (covid-19) dashboard with live statistics

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 and news tracking historical data, daily charts, graphs, a per country view and more! coronavirus-epidemic.com

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.

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

Mobile

Tech Stack

Backend:

• TypeScript
• Express.js (Node.js) - Web server
• Redis - For background tasks & caching needs

Frontend:

• HTML & CSS
• jQuery
• jQuery Plugins & Widgets:
  • ApexCharts
  • jVectorMap
  • Autcomplete Widget
  • Datatables
• country-emoji - Easy conversion of a country name into a flag/code and vice versa
• Lovely design by Themeforest

Hosting:

• Heroku

APIs

• SCMP (South China Morning Post)
• Virustracker API
• Pomber API
• User country selection - 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 and click the ❤️ below so other people will see it on DEV.to :) ! Feel free to follow me on Github

Comments

[Dmitry Narizhnyhkh]

Excellent job! 👍
Please check out our COVID-19 widgets and simple API.
Similar to your website, our widgets show live statistics local to a visitor depending on one's location

[Meir Roth]

wow looks good!
great job 👍

[chan 🤖]

there's a widget that defaults to the current country of the viewer. Would you mind sharing how to do that?

[Tomer Ovadia]

Hi @chan_austria777 , sure! I am basing my decision of what country to auto-select according to the client's public IP address. Note that it's not 100% correct since you might be using a VPN or something that alters your IP address but for my needs it was enough. To detect the IP address I am using the following ipapi.co API, specifically the following /GET ipapi.co/json/ endpoint which results with a simple JSON that you can retrieve the user's country code from.

[Tomer Ovadia]

Thank you

[Tomer Ovadia]

Super nice @jarovarga :) I can understand you!

[Itachi Uchiha]

It looks amazing. But I want to say something. May it be good that the header container sticky. For example;

.header-container {
    position: sticky;
    top: 0;
    z-index: 1002;
    background: #060818;
}

[Tomer Ovadia]

I love your suggestion @aligoren , Thank you.

[Alejandro León ✏️]

Good idea!
I noticed an error on Chile's continent, it says Chile is in Africa, but it is actually in South America.

[Tomer Ovadia]

Thank you I have just added this to my tasks list :)

Edit: Fixed :)

[Stokry]

Is this template that you use for this dashboard: : designreset.com/cork/ltr/demo8/

[Tomer Ovadia]

Yes but it has few diffs

[Stokry]

Ok, if you say so.

[Nedim F]

Awesome design, website is working awesome too. Great job.

[Tomer Ovadia]

Thank you @nedimf :)

[kiro]

really good Tomer!!