/Frontend

Frontend Repo hosting the Chrome Extension code

Primary LanguageTypeScript

BroncoDirectMe

An extension for Chrome that is an alternative frontend for the BroncoDirect website. This extension allows Cal Poly Pomona students to access BroncoDirect information from anywhere while browsing the web.

BroncoDirectMe Frontend

This repository contains all required code to drive the frontend for the BroncoDirectMe Chromium extension. This mainly includes the composition and rendering of the user interface.

##Recommended IDE Settings for Various IDEs

Recommended .vscode/settings.json Setup

{ "editor.formatOnSave": true, "editor.defaultFormatter": "esbenp.prettier-vscode" }

Features

Content Script

Function: allows Developers to modify the DOM of the app.

User Interface/ User Experience

Function: A centralized place for the user to adjust the settings of the extension.

Toggle Enabled Button

Function: This button is used to enable or disable the extension.

Function

  • Displays on top right of extension.
  • State is logged when the button is pressed.
  • Logging passes state to parents.

Dynamic search results

Function: This module allows the user to have a list of professors generated based on their search query.

Popup search bar

Function: Search bar meant to log searches made in the app.

Upvote/Downvote button

Function: This button is used to provide user feedback on the professors. Upon pressing, the button logs either one upvote or one downvote towards the professor's rating.

Professor Info Page

Function: This feature is used to display some information on a selected professor. The info comes in a popup that can be closed.

Identify BroncoDirect Page

Function: The extension must know what page its on. It must only work on the various pages of BroncoDirect.

Display Professor Ratings

Function Displays relevant professors' ratings.