PC-coding / Covid-Spy

Covid Tracking App using React.js + Material-UI for the front-end and, Flask + SQLite3 for the back-end.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

COVID-Spy

A web application engineered and designed to be a COVID-19 Tracking App using React and Flask. This app was created to provide a more visual and easily comprehensible way to digest this data.

What I Learned

  • Using react and fetch calls to dynamically update UI.
  • Reinforced knowledge of API integration.
  • Created backend database after scraping the API to store COVID data and user information
  • Created user authentication functionality.
  • Leaflet.js / Chart.js libraries were used to create the interactive map and responsive line graph components
  • CSS and Material-UI libraries were used to design animations and web layout.

Demo

COVID

Sources

Disease(sh) documentation
Disease(sh) Github
React documentation
React Charts.js documentation
React leaflet.js documentation
Material-UI documentation

About

Covid Tracking App using React.js + Material-UI for the front-end and, Flask + SQLite3 for the back-end.


Languages

Language:JavaScript 51.3%Language:Python 38.9%Language:CSS 7.6%Language:HTML 2.2%