Inspiration 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 website, Contrac, has two main components: an accurate database of crowdsourced information about public locations following or not following Covid-19 safety rules and the ability for users to tag and leave reviews about locations. An immunocompromised user can view flagged locations to be informed about the safety standards each location maintains. Part of our first steps was building a website and creating app mock-ups.

How we built it We built this website using HTML, JavaScript, php, and CSS. We also used an UI toolkit from CreativeTim. In addition, we also incorporated google maps api. This website is meant to be an extension of our mobile app. 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 mobile app would look like, we made a Canva mock-up. Here is the li link and attached is our business plan.

Challenges we ran into When we were building our website, we ran into several issues from setting up a webserver, connecting it to a database and integrating with Google Maps API . Writing JavaScript functions (in the sign-up page for example) was tricky since we were not too familiar with it. This was the first time we used PHP, and 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 from 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 mobile app mock-ups to visually represent how our mobile app would look like and work. Validating the user needs, developing the mocks and building a somewhat functional website were the most important steps to build our app.

What we learned We learned how to use PHP and Google Maps API within HTML. 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 use Swift and Xcode and will start development from next week.For the website as well as the mobile app, we plan to add more logic that determines if a location tagged as COVID-19 safe is indeed true. We will do so by aggregating reviews by multiple users in a given timeframe. We also would like to share this information with city councils so they can enforce more adherence to COVID-19 safety guidelines. 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.

We are competing for best community and health hacks.

Built With

Share this project: