The Issue
Mockup
Version A
Version B

Canvas All-In-One

A streamlined dashboard for Canvas that brings all your assignments and modules into a single, easy-to-navigate page.

The Problem: Too Many Clicks

The standard Canvas interface buries essential course info, like lessons and assignments, under several layers of pages.

As a result, navigation can be come inefficient for students juggling multiple courses.

Our Solution: One Unified Dashboard

The "Canvas All-In-One" chrome extension directly addresses this issue by redesigning the Canvas dashboard.

The redesigned UI consolidates course essentials into a single, information-dense interface, reducing navigation time and raising quality of life for users.

To cater to different organizational preferences and course loads, we have developed two distinct versions:

Version A: Designed for students with a high number of courses, this version offers a compact, interactive overview of all classes, allowing for quick navigation and at-a-glance updates.
Version B: Ideal for those who prefer a more detailed view, this version dedicates more screen real estate to each course, displaying in-depth information from modules and assignments without the need to click away from the dashboard.

Both versions are implemented as a Chrome extension that injects into the Canvas page, using axios.js to query the Canvas API and dynamically display course information.

Our Experience

A lot of the ideas we proposed at first, involving full stack websites and ML integration, we realized we wouldn't have time to do without prior time familiarizing ourselves with the tech — something we could try before next time.

We also struggled with distributing work evenly. Our solution for this event was to split the project and work on the A and B projects at the same time, but in the future we could have allocated roles beforehand.

We finished coding ~7 hours after the event start because of members leaving, but with more time we could have polished visuals and added toggles to version B.

With that said, we believe we chose a good scope and tool idea for our first hackathon with a highly limited time frame.