We wanted to design something useful to WPI students, especially as the school grows in population. After the debacle with the I&E center almost being closed off to students, it became apparent that students struggle to find somewhere to study. During finals week especially, students can waste over half an hour searching the library and Foisie trying to find a quiet space to work. Our solution finds more space for students to study without more construction.

What it does

The website calls an API from 25Live, which reports the current reservations/bookings of WPI classrooms. It then parses the information to find which rooms do not have reservations, and how long each room will remain free.

How we built it

We built it using GitHub pages to host a website from HTML and CSS files that called javaScript scripts to call the 25Live API to receive the information. Another script parses the file to find the available locations and prints them to a table on an HTML page.

Challenges we ran into

The main challenge we ran into was the web browser limitations put on 25Live. The base requests made by our script could not go through do to a CORS error, meaning that the browser rejected the communications to another origin. This made it impossible to directly request the reservation information from 25Live. To bypass this, we used a proxy server hosted on heroku that could retrieve the needed information.

Accomplishments that we’re proud of

Making a useful, functioning website that has functioning versions on desktop and mobile devices.

What we learned

We learned a lot about HTML, CSS, and javascript. Most of us came into the hackathon with little to no experience with these languages, and we learned as we went along.

What's next for Study@WPI

Depending on student reception, we may need to create our own server to handle the 25Live API requests. Otherwise, the website is fully functional for students to use.

Built With

Share this project: