Washroom Finder

Website Display

Inspiration

We thought of how some people may be vulnerable when needing to use or find a washroom, perhaps due to bladder problems or inaccessibility, or simply the basic human need for relief. So we thought, how can we make finding public washrooms easier to prevent stressful situations?

What it does

Washroom Finder identifies the locations of public washrooms. Users can see these locations, along with their current location on a map. Users can also navigate to a washroom by clicking on a map tack, which will provide directions on how to get there. Finally, users can submit new washroom locations to add to the database.

How we built it

We used html, css, leaflet and react to create the front end with an interactive map. For the backend, node js and postgresql were used to get data into a useable form.

Challenges we ran into

At first we had no idea how to manage to get a map working in react. This was also our first hackathon, so there were issues with learning how to effectively use github for teamwork. Lots of trial and error with css styling, as well as downloading packages to the correct location and cleaning up folders.

Accomplishments that we're proud of

A WORKING MAP! We are very proud of how it looks and functions, as well as the ability to get directions. We also have an effective database to store washroom information, making it easy to add new locations.

What we learned

ALOT. But mostly, many of us only had much experience in python, so this was a first step into learning new languages such as javascript. We also learned how to use react to create an app, along with leaflet to create a map.