My story: First Maps

This project was an interdisciplinary effort by teams of Digital Design and Development, and Full-Stack Web Development students at BCIT.

First Maps is an interactive resource for indigenous community members and the general public to establish and strengthen connections in culture, art and tourism.

As a mamber of the Full-Stack Web Development side of the team, I was in charge of writing the front-end logic for interacting with the map, navigation, the image conditional rendering of various components and file upload functionality, which includes uploading the images to an AWS S3 bucket. I was also in charge of procuring a custom domain name and hosting the project on Vercel.

My contribution also includes researching and selecting the best map library for the project, initializing and organizing the repository, learning Leaflet.js and creating the map component, learning Styled Components and Storybook, and then helping some of my teammates get on board with the new technologies. I also enjoyed implementing the layout and styling created by the designers of our team.

Challenges I faced during this project include figuring out how to write the CSS for some of the pages in a way that the application would look good on both desktop and mobile, as well as in both light and dark modes.