When we learned that 6.15 million people in the world have contracted the novel Covid-19 disease and 374,000 people have died of Covid-19, we were shocked. Even though so many people are getting infected, many people still do not follow the social distancing rules or wear face masks in public places, and this is not just a concern of mine, but for many other people also. This very clearly causes more community spread and leads to more Covid-19 cases, we wanted to help people from being infected from the Covid-19 through an online platform that would control and display is places were following social distancing guidelines.

What it does

Our mobile app, conTRAC, has two main components: an accurate database of information about public locations following Covid-19 safety rules and the ability for users to tag/leave reviews about locations. As we could not complete the mobile app development, we created a website with a built-in calculator that can show the risk of getting infected by infectious diseases. The calculator takes three inputs - A location's number of Covid-19 infections, deaths, and if your location is following the Covid-19 rules. It then calculates (just a prototype) whether your location is at risk.

How we built it

We built this website using HTML, JavaScript, and CSS. In addition, we also incorporated google maps. This website is an extension of my mobile app, where we are developing a risk calculator. Since we could not complete the mobile app, this website that we started working on this morning contains a prototype of what we would build in the future. To understand what the app would look like, we made a Canva mock-up. Here is the link.

Challenges we ran into

When we were building my website, we ran into data issues where we could not get Covid-19 infection rates and death rates accurately. We ended up asking the user to enter this data. While creating my calculator, we could not find how to use a radio button and how to read the value from it. Writing JavaScript functions was tricky since we were not too familiar with it. We have never coded from scratch before, and we usually use drag-and-drop platforms like Thunkable and MIT App Inventor to code apps. This was the first time we used a written coding language, and although we didn't know anything about HTML, CSS, and Javascript at the beginning, we used W3 school's blog and other online resources to understand how to code.

Accomplishments that we are proud of

We are proud of developing a solution for consumers to safely visit a location knowing it is safe to go. We are also proud of ourselves for creating a website in little time and for helping people for being exposed to an infectious disease. Over the past week, we surveyed over 50 friends and family to confirm the need for an app like conTRAC. The survey validated the problem of not having access to data regarding Covid-19 safety at public locations. We also developed mock-ups to visually represent how my mobile app would look like and work. Validating the user needs and developing the mocks were the most important steps to build my app.

What we learned

We learned how to use javascript within HTML. We had never used the 'radio' button feature before which was tricky. Also, we learned how to use Canva for building UI mocks which we enjoyed. When we first started this competition, we thought we could not finish, but we did it. Doing this competition helped me believe in our teamwork.

What's next for conTRAC

For the app development, we plan to learn how to use Swift and xcode and start using it next week. For the users, currently, we don’t have a way to verify if the reviews left by a user are true. In the future, we want to include a leaderboard that showcases and highlights users of conTRAC that are very active and provide the most valuable feedback.

Built With

Share this project: