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
Share this project:

Updates