☆Inspiration☆
A few things about the canvas to-do list for the web browser have always bothered me, especially since the better alternative already exists, on the mobile app. However, since canvas has yet to remedy this issue, I decided to take things into my own hands.
☆What it does☆
Using the canvas API, it displays all of your assignments for your currently enrolled courses, as well as the amount of time until they're due.
☆How I built it☆
As mentioned above, the project uses the canvas API. As a JS beginner, I kept the toolkit simple, just plain ol' JavaScript, fetch API, node.js, and then CSS/HTML for the frontend.
☆Challenges I ran into☆
JavaScript is confusing. So are async functions, and... well, pretty much everything about the internet and how it works. Learning about all that stuff while working within a time limit was definitely a challenge for me. I also wasn't sure what tools were best/simplest, so I just chose whatever sounded right that my programmer friends agreed on.
☆Accomplishments that I'm proud of☆
- Finishing (the first version of ) the app!!!!!!!!!!
- Learning a lot!!!
- Completing a solo project!
☆What I learned☆
- How to craft API calls, use postman, JS DOM stuff, and a bunch more!
- Make a list of features BEFORE you start adding them...
- JavaScript is Quirky
- The CC second floor is COLD
☆What's next for Canvas ToDo List☆
- Linking to each assignment's canvas page!
- Allow users to select which classes they want to display assignments of!
- Making it work for Other People!!!
- hosting it maybe???
Built With
- fetchapi
- html/css/js
- instructure-canvas
- mspaint
- node.js
Log in or sign up for Devpost to join the conversation.