CORONAVIDA

Inspiration

We were really hit by the pandemic and we saw how it absolutely shut down the world. We realized that we will eventually have to start opening back up certain parts of the city to make the economy roll again, so we wanted an app that would help us do "smart distancing" by avoiding places that are potentially contaminated and limit the number of people that will be infected.

What it does

This project wants to localize potentially contaminated places on a public map so that users can see where there are potential cases of covid and avoid going there. They also have a private map where they can mark where they have been in the last 14 days, but this data will not be shown on the map unless they are confirmed to be covid19 positive.

How we built it

We used HTML and JS to create a two pages that are not linked at the moment, but ideally should be. One of them contains a public map with data from infected areas by people who are confirmed or suspected of being COVID19 positive. We used Google Maps API for both maps and Firebase to authenticate users and store their data. We also asked for help from one of the Hack DSC mentors and I was so pleased with how helpful and sweet she was! We also used XD to create the visual of how the app would be and analyze the actions that would need to be developed. We started on Flutter, but we think we will be done with that next.

Challenges we ran into

There were a lot of challenges that we had to face. We had both never made a website before and had not used HTML, JS, GCP, or Firebase. We thus had to learn a lot about how to manage data and users with Firebase. I would say that it took the majority of our time, but we are so happy with what we were able to do in such a short amount of time!

Accomplishments that we're proud of

We learned a ridiculous amount of things in 48 hours. We learned HTML, Firebase, JS, GCP, xD, Bootstrap all by self-driven motivation. We are so proud of having been able to program a way for users to have an interactive individual map that saves their data and that allows them to mark where they have been. A lot of functionalities are still not there (like when the user was at said place), but we are confident that with more time we will be able to integrate them all.

What we learned

We learned how to use all of the software/platforms/languages mentioned above and we also learned how to work more efficiently. Working from home (at a distance) made us be more organized and, from the start, we set up a rough timeline that we wanted to follow to ensure that we would have something functional by the end of the hackathon.

What's next for CORONAVIDA

We first would like to make the website functional, as right now the HTML links are not fully functional. We want to upload it to a public website and make an app too to help our community in Montreal (for now). We want to work in collaboration with health authorities to promote the website and app to everyone so that we have a larger collection of data. We would also like to include, in the public map, local businesses near each user to encourage the local economy. We have fallen in love with our project and we want to pursue it until it is fully finished. We envision that in the next month or so we would be done with a first final prototype.

Built With

• css
• firebase
• gcp
• html5
• javascript
• materialize
• xd