A beautiful 🤩 Chrome Extension that adds additional features and gives an overall better experience for SEQTA Learn. Currently looking for contributors 🔥

Table of contents

• Features
• Creating Custom Themes
• Getting Started
  • Running Development
  • Building for production
  • Folder Structure
• Contributors
• Credits
• Star History

Features

• Dark mode
  • Custom Background/Themes
• Improved Styling/CSS
  • Improved look for SEQTA Learn
• Custom Home Page including:
  • Daily Lessons
  • Shortcuts
  • Easier Access Notices
  • Assessments
• Options to remove certain items from the side menu
• Grades calculator
• Fully customisable themes and an official theme store
• Notification for next lesson (sent 5 minutes before end of the lesson)
• Browser Support
  • Chrome, Edge, Brave, Opera and other Chromium-Based browsers are supported
  • Firefox Supported: here!
  • Safari (Experimental and not recommended - only available via compilation)

Creating Custom Themes

If you are looking to create custom themes, I would recommend you start at the official documentation here. You can see some premade examples along with a compilation script that can be used to allow for CSS frameworks and libraries such as SCSS to be used here.

Don't worry- if you get stuck feel free to ask around in the discord. We're open and happy to help out! Happy creating :)

Getting started

    1. Clone the repository

git clone https://github.com/BetterSEQTA/BetterSEQTA-Plus

    2. Install dependencies

You may install the dependencies like below:

npm install # or your preferred package manager like pnpm or yarn

But it is recommended to do it like this:

npm install --legacy-peer-deps # Only NPM supported

Running Development

    3. Run the dev script (it updates as you save files)

npm run dev # or use your preferred package manager

Building for production

    4. Run the build script

npm run build # or use your preferred package manager

    4.1. Package it up (optional)

npm run zip # This REQUIRES 7-Zip to be installed in order to work. You can also use your preferred package manager

    5. Load the extension into chrome

• Go to chrome://extensions
• Enable developer mode
• Click Load unpacked
• Select the dist folder

Just remember, in order to update changes to the extension if you are running in developer mode, you need to click the refresh button on the extension in chrome://extensions whenever anything's changed.

Folder Structure

The folder structure is as follows:

• The src folder contains source files that are compiled to the build directory.

• The src/plugins folder contains vital loaders required for BetterSEQTA+ functionality.

• The src/interface folder contains source React & Svelte files that are required for the Settings page.

• The dist folder is where the compiled code ends up, this is the folder what you need to load into chrome as an unpacked extension for development.

Contributors

Want to contribute? Click Here!

Credits

This extension was initially developed by Nulkem, was ported to manifest V3 by MEGA-Dawg68 and is currently under active development from lead developers SethBurkart123 and Crazypersonalph with help from other volunteers

Star History