Spark for Brightspace

See all your assignment due dates at a glance, no more digging through course pages. A browser extension for Brightspace (D2L).

Install Extension View on GitHub

See it in action

Features

Everything you need, right in the browser

Spark adds a lightweight side panel to Brightspace so your assignments are always one click away — no new tabs, no extra logins.

📋

All assignments in one place

Automatically fetches assignments from every course and displays them in a single, sorted list.

📅

Due date side panel

A persistent side panel shows upcoming due dates sorted by date, so you always know what's next.

📊

Frequency graph

Visualize which days of the week are busiest so you can plan your study time more effectively.

🎨

Color-coded courses

Each course gets a distinct color with matching notch indicators on the scroll bar for quick orientation.

🔒

Private by design

All assignment data stays in your browser. We never store, transmit, or share your personal or student data.

🌐

Any Chromium browser

Works on Google Chrome, Microsoft Edge, Brave, Opera, and any other Chromium-based browser.

Installation

Up and running in minutes

The easiest way to get started is through the Chrome Web Store — one click and you're done.

Install from Chrome Web Store

Manual install (for development)

  1. Clone the repository and install dependencies:
    git clone https://github.com/CamCatTay/spark-for-brightspace.git
    cd spark-for-brightspace
    npm install
    npm run build
  2. Open your browser and go to chrome://extensions/ (or the equivalent in your Chromium browser).
  3. Enable Developer Mode using the toggle in the top-right corner.
  4. Click Load unpacked and select the repo root folder. Then navigate to any Brightspace page — the Spark icon will appear in the toolbar.

ℹ️  After any source change, run npm run build and click the reload icon on the extension card in chrome://extensions/.