Web · 2021
Canvas Year in Review
A Spotify-Wrapped for school — a browser extension that turns your Canvas account into a color-coded semester recap. Winner of the Secret Prize at CruzHacks 2021.
Demo
Inspiration
Built mid-pandemic, when every class had been forced online — most of them through Canvas, the platform universities use to centralize courses, assignments, and grades. All that data was just sitting there. We turned it into a recap.
What It Does
Canvas Year in Review analyzes every assignment submission in your account and generates the semester's stats — then presents them in a dashboard where each metric is color-coded green, yellow, or red so you can gauge your performance at a glance.
The Report
Assignments & submissions
Total assignments assigned vs. how many you actually submitted.
Late & missing
Every deadline you slipped past — and the ones that never got anything at all.
Rush submissions
Assignments turned in less than 30 minutes before the due date. The panic metric.
Grade averages
Average grades across assignments and across all courses.
How We Built It
JavaScript on the WebExtensions framework, with the UI in HTML/CSS styled with Bulma. The extension talks to the Canvas API to fetch courses and assignments, then runs all the analytics locally — your data never leaves the browser.
It was our first browser extension, and the first hackathon project we both finished and were proud to look at — my corner of it was the CSS and debugging support.
What's Next
Custom time periods to snapshot, including or excluding specific courses, and sharing your year-in-review as an image on social media — Wrapped all the way.