This is the main screen of Laundry Connect 2. All laundry locations are visible, showing the percent of dryers and washers available.  This is a huge improvement from Laundry Connect because it just…didn’t have a summary page.

Laundry Connect 2

Laundry Connect 2 is the final project made in Webware A21 at WPI along with four other friends.

The idea was to improve upon WPI’s Laundry Connect pages that show the status of laundry rooms. The site is old, designed probably in the 2000s, not mobile friendly, and VERY clunky.

Here’s what each one of us did in this project:

Me: Laundry Connect scraper, database work

Duncan: Server & database work

Michael Zeolla: A large portion of the frontend, requested his last name be put my website for when he makes it big

Andrew: User login on the frontend

Steven: Misc. work on the frontend

The stack for this project deviates from my usual stack, as we had to follow guidelines for the final project.

Languages: Node.JS

Frameworks: React, MongoDB (using Mongoose), Express

Services used: Heroku, MongoDB Atlas

Lines of code: ~2,000

Timeframe: 1-2 weeks in October 2021

You can visit this project at laundry-connect-2.herokuapp.com.

 This is the main screen of Laundry Connect 2. All laundry locations are visible, showing the percent of dryers and washers available.  This is a huge improvement from Laundry Connect because it just…didn’t have a summary page.

This is the main screen of Laundry Connect 2. All laundry locations are visible, showing the percent of dryers and washers available.

This is a huge improvement from Laundry Connect because it just…didn’t have a summary page.

 Clicking on any location expands itself in the accordion to show details about every machine in that laundry location.

Clicking on any location expands itself in the accordion to show details about every machine in that laundry location.

 Laundry Connect 2 also features account management to favorite the laundry rooms you use most. At the top right you can see Register and Sign In…

Laundry Connect 2 also features account management to favorite the laundry rooms you use most. At the top right you can see Register and Sign In…

 You register entering details into the modal that pops up…

You register entering details into the modal that pops up…

 …and you’re registered!  From there, you can favorite different laundry locations that you use a lot…

…and you’re registered!

From there, you can favorite different laundry locations that you use a lot…

 And if you switch to the favorites tab you can see those favorited locations.

And if you switch to the favorites tab you can see those favorited locations.

 Clicking on the top right now shows My Account and Sign Out.

Clicking on the top right now shows My Account and Sign Out.

 Clicking on My Account brings you to a page where you can change your password.

Clicking on My Account brings you to a page where you can change your password.

 Lastly, here’s what the sign in modal looks like.  And that’s Laundry Connect 2!

Lastly, here’s what the sign in modal looks like.

And that’s Laundry Connect 2!