Pet Finder Web App

Context

The "Freedom Project" for SEP11 is all about creating anything you want using Javascript and the tool of your choice. The purpose of this blog is to show the process of how I created a web app with my group by tinkering with my tool, reading the official documentation, and watching Youtube tutorials.

Content

For the project, my teammates David, Hanna, and I made a pet finder web app to help people find their lost pets by connecting with other people. This blog will walk through my process of independently studying my tool Leaflet in order to make a map in which users can add markers on it with the information they provide such as the pet's name, description, and coordinates.

Reflection

I encountered a few challenges making this project with my group and one of them was making the popups stay open. From this challenge, I learned that it's important to write down your tinkering and look back at them because, without it, I wouldn't have been able to spot my mistake. As for my next steps, I would like to include another page in the web app where you can share your map and let other people see it, similar to how people can see your profile on social media. This way, people can easily see where you lost your pet and locate it. Additionally, I would also like to add a feature where users can either share an image of their lost pet in the chat or add it to the map.

Link to the project
Link to the blog