Our goal is to condense basic information about COVID-19 into one location (for Massachusetts).

What it does

On the homepage, the site displays a graph plotting current and total covid cases. It also provides links to more information regarding the virus, testing site locations, and vaccination site locations. There is a feature to search for vaccination sites by zipcode. All information is limited to Massachusetts.

How we built it

We used React to create the interface of our website and implement the interactive graph. We built the backend bottom-up from the covid data we found. We used APIs to retrieve the covid data specific to MA, sorted it, and then used an API to give it to the front-end.

Challenges we ran into

No one on our team was familiar with frontend development, so using React and coding in Javascript was something we had to learn this weekend. Additionally, we learned how to use APIs for the first time and deal communicating between the front and backends to transfer our data.

Accomplishments that we're proud of

This is our first hackathon, so we are proud of everything we managed accomplish. The whole process of website development was completely new to us and having a functioning, interactive website is a great accomplishment.

What we learned

We learned a lot about React, Javascript, APIs, Springboot, Maven, and reading data via JSON files.

What's next for Covid Data Compiler (CDC)

We would like to expand our data to cover all states in the US to allow people to search for data by state, instead of just in MA. We were also interested in plotting vaccination rates against covid cases rates, but unfortunately that data is not available.

Share this project: