Canvas Chrome Extension

What It Can Do

This is a Chrome extension that upgrades the user experience when using Canvas. This extension can do multiple things, such as an automatic dark mode that only is used in Canvas, replacing the background of Canvas webpages with a custom image (via an online image address), and hiding unused side-menu options such as 'History' and 'Help'. All of these settings are saved into the extension so that it automatically applies to the next page you enter. The extension changes what the user sees on the front-end. While it was originally aimed to be an all-in-one extension, it was later changed to be compatible with other such extensions that do not offer the same features as this one does.

How to install

-First, download the latest source code under one directory. -In the chrome browser, find your "Manage Extensions menu" while clicking the puzzle piece in the top right hand corner of your Chrome web browser, or Google search this address:

chrome://extensions

-Next, enable developer mode by clicking the toggle switch next to 'Developer Mode' at the top right corner of the browser page.
-Finally, click the 'Load unpacked' button near the top left corner of the browser page and select the extension's directory/folder.

How to run

• The application only runs when you have Canvas open. Simply open a Canvas webpage and the extension automatically operates on its own, depending on what settings the user had saved/changed.
• The application replaces the HTML with a more improved one, and only runs for that website.

How to build

• Must have Chrome.
• Must have Developer mode on in Extensions options. (Discussed in 'How to install')
• Clone this github repository: https://github.com/cis3296f22/canvasextension. Alternatively, you can just download the contents of this repo zipped and unzip it.
• When the folder is downloaded, you must have this folder unloaded.
• When a Canvas webpage has been opened, this extension will be activated.

How to contribute

Follow this project board to know the latest status of the project: https://trello.com/invite/b/liNAxjra/ATTIa250225fa091e186dbdc2dda21e204de1F4AF3AD/project-progress.

• First, be sure to have Google Chrome installed.
• Clone this repo onto your machine.
• Open that repository in your preferred IDE. For this project, we used Visual Studio Code (VS Code).
• In order to test / view changes you make locally, refer to the 'How to build' section for using the extension.

Contributors

This project was created as part of CIS 3296 (Software Design) during the Fall '22 semester at Temple University.

• Tyler H. Weiss
• Cindy Tang
• Isaac Ferguson
• Austin Foster
• Olivia C. Chaves