JAC StudyHub

Home Page
Reservations Page
List of Rooms
Library Schedule

Inspiration

As full-time students in a demanding career program, we spent countless of hours studying and working for our academic success. We noticed how the process to book study rooms at John Abbott College is quite the hassle. At times, there are long lines, and by the time you reach the front, no study rooms remain available for booking. It also takes a little while for everyone to manually write their names and IDs, and having to pull our their student ID for proof. Thus, we wanted to make this process more convenient for us students.

What it does

Our project first leads to the login page where you need to input your student ID and password linked to the John Abbott College Omnivox. Next, we're at the home page with a nav bar directed to the reservation form, the library schedule and the list of study rooms around the area. In the reservation form, students have the opportunity to view the status of the rooms wether they're available, booked, or unavailable. They can see the time it is booked for which is a limit of 2 hours. Passing this time leads to a charge of 5$ per hour. The student would need to enter the student IDs of the people who are using the room. The library schedule and the list of study rooms are pretty self-explanatory.

How we built it

We developed JAC Study Hub using a combination of HTML, CSS, JavaScript, and TypeScript to create both the structure and interactivity of the website. For data handling and storage, we integrated MongoDB, which allowed us to manage room availability and other dynamic information efficiently.

Challenges we ran into

Throughout the development process, we ran into many merge conflicts, using HTML with Mongo which caused errors as we didn't know how to do it. Sometimes the design didn't go the way we wanted to.

Accomplishments that we're proud of

It looks pretty as we took inspiration from the official JAC website, it works (ish), and it's an original idea. We're proud to make huge progress in a short amount of time.