When I learnt that 6.15 million people in the world have contracted the novel Covid-19 disease and 374,000 people have died of Covid-19, I was 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, I 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

My 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 I could not complete the mobile app development, I 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 I built it

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

Challenges I ran into

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

Accomplishments that I'm proud of

I am proud of developing a solution for consumers to safely visit a location knowing it is safe to go. I'm also proud of myself for creating a website in little time and for helping people for being exposed to an infectious diseases. Over the past week, I 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. I 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 I learned

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

What's next for conTRAC

For the app development, I plan to learn how to use Swift and xcode and start using it next week. For the users, currently, I don’t have a way to verify if the reviews left by an user is true. In the future, I 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: