Canvashark | Devpost

Inspiration

We were tired of manually writing our upcoming canvas assignments to our personal to-do list. So we came up with a solution to solve that problem for us.

What it does

Canvashark allows students to import their Canvas API token to automatically fetch upcoming course assignments. On top of that, Canvashark allows you to add your own events to its custom-made to-do list. Users can also add sticky notes for small little reminders.

How we built it

We used Node js and Express js for the backend proxy which allowed us to fetch data from the Canvas API. We also used HTML CSS and Javascript for the front end. Lastly, we deployed our site on Vercel to allow others to try it out.

Challenges we ran into

Working around Vercel and setting up a backend proxy for the first time came with lots of issues. We spent a lot of time setting up a database using MongoDB and Mongoose which was unnecessary and caused a lot of time loss. Figuring out how to drag and drop a task came with many difficulties and issues as well.

Accomplishments that we're proud of

We are very proud of our frontend work, since our website appears very neat and organized. Being able to successfully fetch data and set up a backend proxy was one of the biggest accomplishments that was crucial into making Canvashark. The drag and drop feature with the tasks was also a big feat for us.