Rona Phase

In this unprecedented age, it's hard to find factual information about Covid, which is why we created RonaPhase, a website with all the Covid data you need to receive quick and reliable information.

Comment

Inspiration

Our main inspiration came from seeing our older relatives struggle to obtain accurate information about Covid, as the sites that are normally used for news were unreliable and often filled with misinformation. And every time they tried to gain reliable information through government sites, they would soon become lost due to the often overwhelming information that the sites provided. We wanted to create a solution to this problem, one that would provide users with the most accurate information, but with the smallest number of steps, to make sure that it was intuitive for everyone.

What it does

Rona Phase is a site designed to provide essential COVID data and tools for people’s convenience and accessibility. There are two main functions, the map, which shows up to date Covid-19 information from state to state, and secondly, there’s the calculator, where you input information about yourself and it tells you what vaccine phase you’re qualified for. As a bonus, we added some extra vaccine information for those who were curious.

How we built it

We used an online IDE name Repl.it to collaborate across computers. Our website consists of Javascript, HTML, and CSS, and the workload was split up among our three group members. Two worked on the front end (Joshua Ren & Isaac Mei) while another (Jonathan Liu) worked mainly on the backend, adding the map and other functions. (We had a fourth member, Joshua Zou, who also helped a lot with the back end, but he’s in middle school, so we didn’t include him in the registration*.)

*An organizer said in the Discord server that we could do that

Challenges we ran into

Our main challenge was a compatibility issue between our main HTML/CSS/JS and Node.js (where we had put some code). This was a big issue as it meant that all of the code for data extraction and web scraping was obsolete. We tried making a Node.js server but ran out of time, so we had to make do with what we had.

Accomplishments that we're proud of

We managed to bring forth a functional web page that doesn’t look like it came from the ’90s, all while keeping our distance due to Covid, and working together effectively and efficiently.

What we learned

We learned a lot of web development skills; before the project, Jonathan had no HTML experience, but now, he has a pretty good grasp of it due to the fact that he helped out a little with the front end. More specifically, our understanding of implementing Javascript into our HTML increased as we had to overcome many compatibility issues.

What's next for Rona Phase

Map: -Not just include US States in the map but data from other countries -Create a Node.js server so that we are able to pull information from Covid-19 libraries and create our own interactive map Calculator: -Currently, the JavaScript will send a popup to tell you what phase you’re in, we’re hoping to replace that with a display in the HTML itself Other: -Create a Node.js server so we are able to create an email notification system (where users input their email, state, and phase, so we can email them when they can get the vaccine)

Built With

Share this project:

Updates