🚽Bathroom Locator [LIVE]

Have you been in a new place, and have no idea where to find a restroom? Or maybe you’re in a huge mall, and it’s impossible to find the tiny bathroom sign. This website can be your solution to finding and navigating to bathrooms in the area. Additionally, because it’s a website you know you have easy access no matter where you are without needing to have internet access. All you need is a working browser and an internet connection.

Design

✨ Features

• Location of bathrooms

  Find markers on a map for locations of nearby bathrooms to see which is most convenient for you

• Additional information for individual bathroom pins

  After clicking on a bathroom pin learn more about the information other users have provided about the bathroom, like whether is it a gendered or gender neutral bathroom, or whether menstrual products are available.

• Navigation to bathrooms

  Redirect to Google Maps to route from your current location to the restroom as needed

• Ability to contribute to bathroom map when logged in

  This web app requires a community to grow. Contribute to it by creating an account and adding the locations of restrooms yourself

⚙️ Techstack

• Frontend: React + MUI (components library)
• Server: Node.js & Express.js
• Storage: PostgreSQL
• Authentication: Supabase

Instalation

Please run the following scripts in the main directory to ensure all dependencies for the project are installed

• To install project wide dependencies run npm install
• To install frontend specific dependenciesrun npm run install-frontend
• To install backend specific dependenciesrun npm run install-backend