/course-activity-tracker

A course activity tracker that grabs my course discussion data from CanvasAPI

Primary LanguageJavaScript

Course Discussion Tracker

Introduction

Welcome! This app can display a heatmap of your course discussion data fetched from Canvas. The following is just a sample of what one of my courses looks like. The next steps will be to work with styling and deploy it onto Netifly

Image of Heatmap

Instructions

Make sure npm install is ran first and installed

Frontend:

  1. Navigate to /frontend and run: npm start on terminal

Backend:

  1. Navigate to the /backend folder

  2. Create an .env file inside and copy and paste the following code into it:

CANVAS_API_TOKEN=
CANVAS_API_DOMAIN=https://ubc.instructure.com/api/v1
  1. Add your personal CANVAS_API_TOKEN found on canvas.
  2. Run npm start on terminal

Note: npm start must be run on 2 terminals, frontend and backend