Skip to content

An interactive web app that displays COVID-19 statistics.

Notifications You must be signed in to change notification settings

MoltenFuzzy/Covid-Dashboard

Repository files navigation

Covid Dashboard

Contributors

Summary

Covid Dashboard is a web application built to analyze a COVID-19 dataset. The goal is to help users understand statistical information about COVID-19 globally.

image image

Features

  • Search cases by type (Confirmed, Death, Recovered)
  • Update and modify records
  • Backup records to a CSV
  • Data visualization
    • Statistics to show standard deviation, percentages and averages
    • Bar chart for country with most deaths

Architecture Diagram

GUI Design - Page 4

Setup Instructions

  1. Initialize Virtual Environment (optional)
  2. Clone the github repository
  3. Run npm install in the ./covid_dashboard/frontend directory or install manually
  • pip install django, djangorestframework
  • npm i react react-dom --save-dev
  • npm install @material-ui/core
  • npm i webpack webpack-cli --save-dev
  • npm i @babel/core babel-loader @babel/preset-env @babel/preset-react --save-dev
  • npm install @babel/plugin-proposal-class-properties
  • npm install react-router-dom
  • npm install @material-ui/icons

Usage

  1. Open three terminal tabs, one for frontend, one for backend, and one for testing
  2. Backend
  • cd ./covid_dashboard
  • python3 manage.py runserver
  1. Frontend
  • cd./covid_dashboard/frontend
  • npm run dev
  1. Unit Testing
  • cd ./covid_dashboard
  • python manage.py test

Navigation

  1. After running usage command, a dashboard will display
  2. Look to the left side of the page where you will see 2 tabs: Dashboard and Analytics
  3. Play around with the filters
  4. Click the analytics tab to see graphs and statistical values

Note: Old Homepage UI is available, but not functional.

Data

https://www.kaggle.com/sudalairajkumar/novel-corona-virus-2019-dataset

Final Review

  1. There is unit testing in ./covid_dashboard/api/tests.py
  • The unit test uses Django-Python framework unit testing
  1. Continuous Integration is available on PR to main

About

An interactive web app that displays COVID-19 statistics.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published