Coronavirus has taken the world by storm. It has spread incredibly quickly to just about every part of the world. During these hard times, there is lots of uncertainty about what will happen, yet many people don't have a basic understanding of what coronavirus nor do they know the current scenario with coronavirus. They don't know how many people have been affected and have very little information in general.

What it does

Our website parses data from multiple sources and visualizes them to provide the best user-experience. Data that is visualized includes the number of cases, deaths, and recoveries, the impact of coronavirus in different parts of the world and within the US, and the number of tests performed per country. We also display news that discuss coronavirus and/or its effects in a particular topic.

How I built it

This website uses the Flask framework to build the web application. We used Bootstrap with HTML and CSS to handle the front-end development and responsive design of the website and the Plotly API with Python to create the data visualizations (ex. orthographic heatmap, bubble map, etc.). To parse data, we used Pandas in Python and Papa Parse in JavaScript. jQuery and JavaScript were used for event handling. And finally, we used the News API to get news for coronavirus.

Challenges I ran into

Because we wanted user experience to be an important component of this website, it took us a while to figure out some of the responsive parts of the website. There were also different kinds of functions that we initially had no idea to do (ex. sorting the tables by column when you click on a column.)

Accomplishments that I'm proud of

We're actually quite shocked that we managed to figure so much in a very short time period. We didn't have much experience with web development so we are quite amazed that we were able to learn so much. The website looks AMAZING, especially the Plotly plots. Most importantly, we think that many people would find this website useful!

What I learned

We became more familiar with different APIs and frameworks. We got better at building a web application with Flask, and we are now much more comfortable with front-end development. Overall, we learned many important web development concepts and technologies.

What's next for COVID-19-Live

We are very interested in creating a startup. We want to focus on tracking and communicating information about different kinds of diseases to the public - in this hackathon, we used coronavirus as a proof of concept. The goal for such a startup is to establish a company that develops apps with simple and engaging interfaces that inform people on diseases in real-time. Coronavirus has shown how dangerous a disease can get, but frankly, there are many diseases that end the lives of tens of thousands, hundreds of thousands, or even millions of people every year, worldwide. We feel that people would benefit from a company that provided them real-time information about different diseases and kept track of the progression of those diseases so that proactive measures can be taken.

Share this project: