Back to projects
Apr 11, 2023
2 min read

SGU Extension

A browser extension for SGU students to access campus schedules.

Project Overview

This project is designed to provide SGU students with quick access to their campus schedules directly from their browser. The extension fetches schedule data from the university’s system and displays it in a user-friendly format. It aims to streamline the process of checking class timings, locations, and instructors for students.

Key Features

  • Schedule Display: Shows the user’s class schedule for the day.
  • Upcoming Classes: Displays the next few classes scheduled.
  • Class Details: Provides information on class timings, locations, and instructors.
  • Customization: Allows users to set preferences for schedule display.

Technologies Used

  • Frontend: React.js for building the user interface.
  • Styling: UnoCSS for minimalistic and responsive design.
  • Browser Extension: Chrome Extension API for browser integration.

Challenges & Solutions

During the development of this project, I encountered several challenges that I had to overcome:

  • Browser Integration: I had a hard time understanding how to interact with the browser’s API to build the extension. I overcame this by reading the documentation thoroughly and experimenting with sample code.
  • Parsing Schedule Data: Extracting relevant information from the schedule data provided by the university was challenging due to the unstructured nature of the data. I solved this by writing custom parsers to extract the required details.

Demo

Here’s a quick demo of the SGU Extension in action:

Extension Demo

Conclusion

This project is a personal initiative to enhance the student experience at SGU by providing a convenient way to access their schedules. It has been a great learning experience for me in building browser extensions and working with external APIs.