smart-study-space-booking

A modern Next.js application that integrates Azure AD login and Canvas LMS API to show personalized study spaces and course schedules.

Comment

Inspiration

The inspiration for Smart Study Space Booking came from noticing the difficulties students face in locating and booking available study spaces efficiently, especially during peak hours. We wanted to leverage technology to simplify this process and enhance the overall study experience.

What it does

Smart Study Space Booking seamlessly integrates with Canvas LMS and Azure Active Directory to provide real-time data on study space availability, allows students to effortlessly view their current courses and schedules, and offers a convenient interface to book available study spaces quickly and efficiently.

How we built it

We built the application using Next.js for a robust, server-side rendered frontend, combined with Tailwind CSS for responsive, sleek UI styling. Authentication is managed through Azure AD integration using MSAL, and data from Canvas LMS is fetched securely using OAuth2 tokens via Canvas REST APIs. Animations and interactive elements were added with Framer Motion to enhance the user experience.

Challenges we ran into

Integrating multiple external APIs and ensuring secure and efficient handling of OAuth2 authentication posed significant challenges. Managing real-time data synchronization from Canvas LMS and implementing a responsive, intuitive UI required careful planning and iterative testing to ensure reliability and usability.

Accomplishments that we're proud of

We're proud to have successfully created an intuitive, secure, and fully integrated solution that simplifies the process of finding and booking study spaces. Achieving seamless integration between Canvas LMS, Azure AD, and our booking system while providing a polished user interface marks significant milestones in our development journey.

What we learned

Throughout the development of this project, we gained deep insights into OAuth2 authentication mechanisms, handling RESTful APIs securely, and building responsive web applications with Next.js and Tailwind CSS. Additionally, we enhanced our understanding of UI/UX design principles to ensure an engaging and intuitive user experience.

What's next for Smart Study Space Booking

Looking ahead, we aim to implement additional features such as real-time occupancy detection using IoT sensors, push notifications for booking confirmations, and expanded integrations with other university systems. We also plan to deploy the application at scale to serve the broader student community effectively.

Built With

  • added
  • and
  • animations
  • apis.
  • canvas
  • combined-with-tailwind-css-for-responsive
  • data
  • elements
  • enhance
  • fetched
  • framer
  • from
  • interactive
  • is
  • lms
  • motion
  • next.js-for-a-robust
  • oauth2
  • rest
  • securely
  • server-side-rendered-frontend
  • sleek-ui-styling.-authentication-is-managed-through-azure-ad-integration-using-msal
  • the
  • to
  • tokens
  • user
  • using
  • via
  • were
  • with
Share this project:

Updates