Inspiration
Toronto is a crowded city with huge amounts of traffic. Everyday, over 2 million people commute to work, and possibly would be exposed to covid-19. We want to provide a one-shot solution to help people stay away from risks from infection, and help people make better commute decisions.
What it does
SafeMap is a platform that aims to aid people in making daily commute decisions. We do this by integrating available data from various sources into a single point of view. This empowers the users to discover potential risk factors in their daily lives, and reduce exposure to the virus based on real-time risk statistics.
How we built it
Ideation:
We got our idea through a quick series of user research. All 7 of the friends we asked expressed worries about being unable to find the latest updates on covid-19, especially the community infection rates. This is why we decided to create an all-in-one local intel platform for that purpose.
Development:
We started out creating a demo site on figma, then a static site, later distributed the works, and worked on backend & frontend individually. At the end of the day, we assemble the parts the jobs done.
Challenges we ran into
It is our first time working together as a team, and we all have different tech stacks. Learning new languages & frameworks on a tight timetable is a challenge for all of us.
What I learned
We learned how to implement a full stack of multiple frameworks, with multiple developers, using various programming languages. Most importantly, we had a more profound understanding of the pandemic, and how we can help with our app. It was great fun for all of us.
What's next for SafeMap
We are planning to keep expanding the website, and have long-term maintenance to keep it running. We welcome anyone to open pull request on github, or sponsor our project. Moreover, our data visualization, map systems, and recommendation system are incorporated with with robust query systems for Toronto. We can easily expand our map to serve every city in the world.
Team members
https://github.com/Trojblue https://github.com/Somiona https://github.com/tianqi-wu https://github.com/Tristanjunru
The SafeMap tech stack:
Ideation:
- Figma
- Sketch
Architecture:
- RESTful
- microservices
Backend:
- Firebase (with firestore)
- nodeJS
- Python (microservice)
- Yarn
- Hosted on Google Cloud Platform
Middleware:
- Express
- Nginx (port forwarding)
- Flask
- Swagger
Frontend:
- Leaflet.js
- D3.js
- Bootstrap
- Google Maps API

Log in or sign up for Devpost to join the conversation.