My capstone project involved developing a Chrome web store extension that accessed the Canvas LMS API to display assignments in a drop-down cube when the extension icon was clicked. The goal was to provide easy access to assignment information for students who often struggled with staying updated on deadlines. The project required extensive research and learning, as I had no prior knowledge of accessing APIs, working with Canvas API, or coding in JavaScript, HTML, CSS, and Chrome extensions. The extension was primarily focused on research, prototypes, and reflection due to its non-functioning state, which was caused by issues with accessing Canvas tokens and IDs. The key components of the project included the manifest.json file, index.html, and contentScript.js. The manifest file provided details about the extension, while index.html served as the basic HTML structure and the style.css functioned as the customization/”styling” of the HTML. The contentScript.js file, written in JavaScript, attempted to access the Canvas API, fetched assignments and dynamically displayed them in a dropdown box. Through this capstone, I significantly developed my programming skills and gained a deeper understanding of JavaScript, HTML, and CSS. Although the extension did not work as intended, the experience and lessons learned will positively impact my future coding endeavors. As my next step, I plan on creating and hosting a personal website to showcase my current and future projects.
Github Link (if you click on each file, there are comments under every important line of code, detailing what purpose they serve):
https://docs.google.com/document/d/1pqTFuwJcAUy-Lqu3BoyAOqFoirYx-jtnAip6GHpB-io/edit?usp=sharing