In recent weeks, the United States is experiencing another wave of cases from the Covid-19 because of many different reasons. One of the reasons is that the public is unaware of the severity of the pandemic, causing the numbers to spike up recently. So, for our project, our team decided to create a project that would inform the public with Covid-19 statistics. Through these statistics, we hope people would be aware of the seriousness of the pandemic and reflect on it personally. Our web app is a convenient way for users to check up-to-date Covid-19 statistics on the internet.

What it does

We have a web app that allows users to see real-time statistics (positivity rate, mortality rate, number tested, number hospitalized, cases confirmed, and the number of deaths) on Coronavirus in the United States. The home page showcases Covid-19 statistics in the country. There is another screen that displays Covid-19 statistics in each individual state. Every time the user refreshes the page (by dragging down the page), these statistics would be updated to real-time information found on the data source website.

How I built it

We built our project on React Native using Javascript. We have frontend and backend developers that work together for the web app.

Challenges I ran into

  1. Initially, our team wanted to develop a website, so our frontend developers began working on the frontend with HTML. However, our backend developers do not have much experience on the backend frameworks for web development. So, our team decided to switch the framework to React Native. A lot of our time was wasted on trying different technologies.
  2. Because of the time constraint, our team was not able to gather users for usability testing. Our project certainly contains flaws that we would not notice.

Accomplishments that I'm proud of

For many of us, this is our first Hackathon. We are proud to have built something useful for the community in such a short period of time. We are also proud of the effort and teamwork everyone put into creating this project.

What I learned

Many of our team members have minimal experience using React Native and Javascript. This is also their first Hackathon for two of our members. In this project, we were able to familiarize and enhance our coding and collaborative skills.

What's next for Covid_19_stats

  1. We only focus on country and statewide, however, we would like to expand it so that the web app can detail the stats down to county and/or zip codes for each state.
  2. The visuals of the web app can definitely be improved to enhance the user experience.
Share this project: