CanvasLy

CanvasLy Website
Another example of CanvasLy

Inspiration

Some students often forget assignments because of carelessness. Canvas is a popular tool students use to keep track of assignments, but canvas doesn't prioritize which assignments are more important and just displays the assignments by date.

What it does

CanvasLy prioritizes assignments for students by allowing students to rate the difficulty of each assignment. Then CanvasLy shows a calendar of which assignments students should focus on.

How we built it

Built using React, Tailwind, MongoDB and with setup login with 0Auth.

Challenges we ran into

We had trouble with receiving the user data from Google's API since we use the user's google calendar to schedule the events on our website. We also had trouble with interfacing backend with frontend while using OAuth. We also did not know enough React and Javascript to get a website up and running.

Accomplishments that we're proud of

We're proud of making a presentable website to organize assignments by difficulty.

What we learned

We learned a lot about the MongoDB database, how to insert data and request data from collections. We learned how to format the data from API calls and make it presentable to the user. Our frontend developers learned how to build a react page from the ground up with little to no prior knowledge on the topic.