ZotRooms

Campus study room booking made easy

Comment

Inspiration

Every year, students, clubs, and campus organizations book study rooms for tutoring sessions, final exam cram sessions, and board meetings. However, the current resources make it difficult to search for rooms that meet students' specific needs.

ZotRooms solves this problem with a user-friendly platform that lets anyone search and filter study room availability. We aim to make finding and booking the right study room easier for all UCI students.

What it does

ZotRooms helps students find and reserve study rooms across campus. Using the Anteater API to fetch real-time room data, students can easily filter available spaces by date, time, and location.

How we built it

Frontend:

  • Next.js with React for a responsive and dynamic user interface.
  • Material UI for modern, aesthetic component design.
  • TailwindCSS for efficient, customizable styling.
  • Interactive date and time pickers for filtering room availability.

Backend:

  • Anteater API integration for fetching real-time study room data.
  • JSON data parsing and processing for room information.
  • Custom filtering logic to match user search criteria.

Challenges we ran into

  • Implementing components and libraries that were new to us.
  • Learning to work with Git in a fast-paced environment.
  • Coordinating asynchronous data fetching with React's state management system.

Accomplishments that we're proud of

  • Developed an interactive and dynamic frontend.
  • Implemented Material UI to make an aesthetic web page.
  • Established a seamless connection between the Anteater API and our frontend for live data updates.
  • Created a customized Petr logo

What we learned

  • How to integrate API calling with a frontend interface.
  • How to conditionally render and filter through JSON files.
  • How to streamline a design-to-development workflow using Figma for prototyping and Tailwind CSS for styling.

What's next for ZotRooms

  • Real-time Booking so that users can reserve rooms instantly through ZotRooms.
  • Develop a native mobile application for iOS and Android to allow for booking on the go.

Built With

Share this project:

Updates