Edmonton Sustainability Map

Inspiration

We were inspired to create a functional app that shows users sustainable neighbourhoods that contribute to a positive quality of life. The specific region that we chose was Edmonton, Alberta since it has diverse housing and vegetation needs to fit to anyone's lifestyle. The advantage of this project is that it can be applied to any desired city.

What it does

The app gives users the choice of viewing a point map or a heat map of each different aspect. Users can click on each point to access various attributes such as location and type.

How we built it

We used qgis software to create the interactive maps, as well as City of Edmonton datasets as a source of data. We cleaned the data and created a Supabase database to store it, then accessed it using Supabase's endpoints in our react frontend. The frontend map rendering is done with Leaflet, which refers to OpenStreetMap.

Challenges we ran into

We had issues with the frontend map rendering, since the various libraries required to access OpenStreetMap had some quirks. Although we ultimately were able to get the map working, this setup took more time than anticipated and put further stress on the development of the frontend.