MBathroom

Image of our website in use
M Bathroom Image

Inspiration

In a big campus like the University of Michigan, students want bathrooms that cater to their comfort, privacy, and overall needs. They need a platform to discover and compare bathrooms nearby to choose the best option for them.

What it does

MBathroom allows users to rate different bathrooms across campus, and provides recommendations for the best ones. It's like Google Reviews for your bathroom breaks! The website displays different reviews for each bathroom, as well as overall bathroom information for each building such as average bathroom scores.

How we built it

We used React.js for the frontend and a SQLite database hosted on Cloudflare as our backend. We also had a lot of Python helper scripts to collect data and communicate with different APIs. We used the Google Maps API and the UMich buildings/Space Management API to extract data and display it on Google Maps. Our project used Generative AI to debug our code.

Challenges we ran into

We had to learn a lot about the React.js framework very quickly and to fix a lot of bugs with the frontend of the website, which took a lot of time. We also had to figure out how to host our database and website through Cloudflare, which required us to work with Wrangler. Additionally, we had challenges working with the UMich buildings API and the Google Maps API to figure out how to create our SQL databases with that information.

Accomplishments that we're proud of

We are proud of getting it to work. Integrating our SQL database in a full-stack web application while hosting it remotely had its challenges, but we were able to resolve them and have a functioning website. We were proud of learning how to use frameworks like React and how all of the state sharing works in web frameworks.

What we learned

We learned how to use React.js and how to create a full-stack web application. We also learned how to use Cloudflare's D1 databases. A major thing we learned was the process of planning and designing a full-stack application.

What's next for MBathroom

Looking towards the future, this is an application where it is not only exclusive to the University of Michigan, but to other schools worldwide and other public areas. We could benefit many students and people by providing information on the cleanest and most efficient bathrooms to use, as well as bathrooms that are accessible.