Skip to content

Your one stop shop for the latest statistics and news on the ongoing pandemic.

Notifications You must be signed in to change notification settings

Aleksasgrodis/covid-stat-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Covid Statistics Tracker

Your one stop shop for the latest statistics and news on the ongoing pandemic. For the most optimal experience, view the project in responsive mode on desktop or a mobile device.

Live Demo

The Goal

As part of the </SALT> bootcamp, each student must build a web application with an idea of their own in one single day. Also known as Hackday 👨‍💻. The goal is to apply the coding knowledge acquired over the last few months of learning and show what you can do. The only limitation being a time constraint, you only get 24 hours to finish your project, so planning and thinking ahead is key.

The Idea

The idea is pretty straightforward. It will be a webapp displaying global Covid19 statistics upon initial load, with the ability to go in-depth into statistics by filtering out specific countries and the data available through an external API. Besides that, as a nice add-on I would like to implement an RSS feed of the latest news related to the pandemic and of course, the vaccine status. Last but not least, it has to be appealing. So will be sure to give it a nice coat, and implement some nice eye-candy if everything goes according to plan.

The Tech Stack*

Server Side Client Side
NodeJS ReactJS
Express ChartJS
Covid API Sass

*subject to change

Versions

Dedicated back & front-end on the master branch. Serverless version (the one that is live) on the serverless branch.

Features

  • Global Statistics
  • Filter By Country
  • Daily Difference Statistic (Global & Individual Countries)
  • Global Newsfeed
  • Visual Donut Chart
  • Desktop User Interface (Responsive across all types of devices)
  • Detailed Charts (Historic View)
  • News By Country Basis
  • Performance Enhancements (Faster API Calls)
  • Data Loading Indicators