COVID-Protect is a multi-purpose website that could be used to protect people from catching the Coronavirus. As people travel from state to state during this pandemic, it is extremely important for them to know if they are facing a high, medium, or low risking of coming in contact with the virus. COVID-Protect lets users input the state to which they want to travel to, and returns the number of active cases, deaths, and recoveries in that region. Moreover, based on the number of cases, it returns the level of risk for catching the virus. With this website, people can not only learn more about cases in regions, but also view live stats of COVID-19 cases globally, view educational information about the pandemic, and leave reviews about their experiences traveling from state to state during this pandemic.
COVID-Protect would keep the population safer and more knowledgeable about the virus.
Not only is COVID-Protect a great tool for people who are traveling to another state, but also an informational guide about this pandemic.
Throughout the course of completing this project, we came across a handful of problems. First of all, we had difficulty in communication due to time differences. However, we decided on times that were best for all of us, to work on the project together. Secondly, a hurdle we faced was figuring out how to build the alert system on our website. We were not too sure how we can fetch COVID-19 case data based on state and return the level of risk accordingly. However, after spending several hours researching, looking through APIs, and tutorials, we were able to successfully build the page using PHP and fetching COVID data via the COVID-19 API.
Last but not least, we were unable to find a free PHP hosting website. As Netlify was not compatible with PHP pages, we were not able to display the COVID-alert functionality (which we built in PHP) of our website on covidprotect.netlify.app. However, you can see the code in our Github repository and view its demo in our video. The URL mentioned above can be used to view all other functionalities of our website.
To view our demo for the alert functionality, click this link:
All of our other functionalities are in this video:
Technologies used
Discussion