Student Success Dashboard

Student Success Dashboard was a web application is to provide students an overview of their courses from Canvas, along with providing academic advisors a way to view student class information. Canvas does not currently provide an overview for a student class and their assignments, and the only way to view what assignments are due is to use Canvas’s Calendar page. This web application allows for the student to organize their current classes and gives them an easy-to-read layout of their course performance along with upcoming work. Academic advisors currently can only view a student’s final grade in a class, which limits how much advice they can give to a student since they cannot view their entire course history.
This Capstone Project was developed during CSE 485: Capstone Project I (Fall 2020) and CSE 486: Capstone Project II (Spring 2021) in a team enviroment
The technologies used include:
Our requirments for the frontend included:
- Homepage displays:
- Classes for the current term and year
- Current class grade, if provided
- Upcoming assignments, quizzes, and exams along with their due dates
- Class weights
- Clinking on class names takes the user to the corresponding Canvas page.
- Announcements displays:
- Classes for the current term and year
- Announcement Topic, date of post, and message
- Clinking on announcement names takes the user to the corresponding Canvas page.
- Calendar displays:
- Interactable calendar
- Upcoming class events
- Class events are color coded to provide context.
- Clinking on calendar event takes the user to the corresponding Canvas page.
- Due dates display:
- Classes for the current term and year
- Assignment, exam, and quiz names and due dates
- Assignment, exam, and quiz descriptions
- Clinking on assignment names takes the user to the corresponding Canvas page.
Requirements for the backend pages include:
- Serving grade data from Canvas API
- Serving enrollment data from Canvas API
- Serving assignment, exam, and quiz data from Canvas API
- Serving announcement data from Canvas API
- Serving course calendar data from Canvas API
- Calculating students current and Cumulative GPA based on Canvas data.
- GPA is based on Enrollments from Canvas and
- Authenticating students to make use of Canvas API.
- Implementation of OAuth2 into the application
Webpage Example:


