A JavaScript bookmarklet that beautifies your UBC transcript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
client
data
static/styles
templates
.gitignore
.travis.yml
After.png
Before.png
LICENSE
Makefile
Pipfile
Pipfile.lock
Procfile
README.md
app.py
models.py
test_models.py
tsconfig.json

README.md

UBC API Build Status

What it does:

Beautifies the lacking unofficial UBC transcript with extra information and better formatting.

How it does this:

It does this in several ways:

  1. Adding a course names columns
  2. Removing unnecessary widgets
  3. Spacing items out better and increasing the width of the table
  4. Allow you to manually edit course names
  5. Optionally allow you to remove unnecessary columns + rows

Instructions

  1. There's a link on this page that you should drag onto your bookmarks bar

  2. Go to your Grades Summary page.

  3. Click the bookmark link to run!

Output

The code gets rid of the extra tabs/average calculator app, spaces things out a little better, and aligns the table to the header.

After Transcript Example

Before Picture

This is what the transcript looked like before Before Transcript Example

How it works:

This application is split into 2 parts the the bookmarklet and [the server](#The Server)

Bookmarklet

  • The bookmarklet is JavaScript code that runs on the user's browser to:
  1. Prompts the user for input regarding what features to remove
  2. Formats the page by removing unnecessary features
  3. Makes a call to the server to retrieve course names for courses on the grades page
  4. Populates the new column called 'Course Names'

The Server

Credits:

  • crclayton originally created the bookmarklet that formatted the transcript, I'm simply building off of it.