COVID-19 ICU Capacity Dashboard

Inspiration

In light of the surging case numbers in the US and worldwide, our team felt it was prudent to help spread awareness of how devastating COVID-19. Although case number data is widely accessible, aggregate data regarding ICU usage is not as easy to come by, and is a metric we felt could be useful to many people.

What it does

The ICU Capacity Dashboard displays overall ICU utilization by state as a ratio between used ICU beds averaged over a 7-day period over total ICU beds available averaged over a 7-day period, vaccine distribution count, and vaccine administered count.

How we built it

Frontend was built with Reactjs and d3 packages and hosted on GitHub Pages. Backend was hosted a MongoDB database and Heroku server and linked using Flash API.

Challenges we ran into

As none of us have much experience with full-stack web development, this project was our first experience with backend development, server hosting, and using API's to link our own code. As such we faced several challenges related to processing requests between the web app and server and properly retrieving data from the server.

Accomplishments that we're proud of

Successfully implementing our first full-stack web app and gaining experience with Flask and React.

What we learned

Use MongoDB to host database
How to properly fetch data from a server
Using d3 to display interactive maps
How to use Flask
Hosting Flask API on Heroku

What's next for COVID-19 ICU Capacity Dashboard

Adding support for more regions and a potential worldmap, as well as adding other COVID statistics such as overall case count and vaccine distribution.