College Laundry Buddy

Webpage Preview

Inspiration

I tried to do my laundry yesterday, but all of the machines were taken. I kept checking back every 15 minutes, but they were still all full. :( My clothes are still dirty...

What it does

The webpage lets users book washers and dryers, time their cycles, and message each other (if they need to borrow detergent, dryer sheets, etc.).

Feature Notes:

Once booked, user's name locks in; other people cannot edit/delete their booking
Reset button is meant for admin to reset at the end of the day (not password protected at the moment)

How we built it

We first made a quick mock-up in Figma, then we translated the design to HTML and CSS code. We also utilized JavaScript to add functionality to the buttons.

Challenges we ran into

Issues syncing GitHub
Debate between using React (which we struggled setting up) and just plain HTML
Deciding if we want to implement a database (and how to do so?)
Webpage formatting issues (interface looks different across all of our devices)

Accomplishments that we're proud of

All of us are most comfortable with Java, so we stepped out of our comfort zones to learn JavaScript, HTML, and CSS just in one day!
Implementing a button with multiple functionalities
Making a running website!