Bruin Baños
A web app for UCLA students to rate and review campus restrooms
About
Bruin Baños is a web app built for ranking restrooms on UCLA's campus. Students rate their experiences with restrooms and can submit reviews for other students. With Bruin Baños, users can make an informed decision on which campus restroom to use.
Features
- UCLA bathrooms reviewed by fellow students
- View top rated bathrooms to inform your decisions
- Search through a database to find nearby bathrooms
- Favorite bathrooms to find them quickly
- View your posted reviews
My Contributions
Frontend
I built the complete review page in React, including an interactive star rating component where users rate bathrooms on cleanliness, comfort, convenience, and amenities. I also styled the login page and polished the overall layout across the app.
Backend Integration
I connected the review flow to Firebase, ensuring that user reviews are saved and updated live in the database. I also reworked the bathroom listings and home page to pull data from the backend.
UI/UX Design
I designed the UI/UX for the app in Figma. Here are some of my mockups:
Login Flow
Write a Review
User Page
Add a Bathroom
