mde-toolkit

Collection of tools useful for Virginia Tech ECE MDE course administration.

Installation Instructions

The following is required to fully run this toolkit.

• Docker
• Google API keys
• Canvas API keys

Docker Setup

By far the easiest way to get up and running with this tool is through Docker. Doing so means you do not need to install any additional packages or software; just build the associated Docker images and you're done. This also allows the toolkit to be deployed on the cloud if necessary.

1. Install Docker (see https://docs.docker.com/get-docker/)
   • Ensure that the docker compose command is installed
2. Build containers using docker compose build
   • See docker-compose.yml for configuration options
3. Run containers in detached mode using docker compose up -d
4. Open a web browser and navigate to http://localhost:3000 to run the toolkit front-end web UI.
   • The web-app code lives within the frontend container
   • Some Python back-end code lives within the backend container
5. (optional) A lot of tools have associated backend REST API calls. If you know what you're doing, you are welcome to call these using external tools as well. However, be aware that some API endpoint require access tokens for Google and Canvas APIs and add these to the REST headers as necessary.

Container Overview

The following is a description of what each Docker container does. Refer to docker-compose.yml for specific configuration details.

Google Setup

The toolkit uses Google APIs to access services such as Google Drive, user email, and other things. Before using this tool, you MUST create a Google developer account, create a project for this toolkit, and copy the associated API keys.

A really good guide on how to do this can be found here: https://refine.dev/blog/nextauth-google-github-authentication-nextjs/

Note that you can skip the NextJS project creation part and jump straight to the "For GoogleProvider" section

To summarize, you need to do the following:

1. Setup a Google API developer account
2. Create a Google cloud project for this MDE toolkit
3. Create a new OAuth client ID credential for a Web application
   • Make sure to add the app's URL (http://localhost:3000 or deployment URL) to the Authorized Origins list
4. Create an environment file for the front-end application ./frontend/env.local
   • Note that this file does not exist, you will need to create it
5. Copy the GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET variables into ./frontend/env.local:

GOOGLE_CLIENT_ID=xxxxxxxxxx
GOOGLE_CLIENT_SECRET=yyyyyyyyyy

6. Generate a NextJS authentication secret key using the command

$ openssl rand -base64 32

7. Copy the secret key into ./frontend/env.local along with your front-end deployed URL

# ...
NEXTAUTH_URL=http://localhost:3000 # for development
# NEXTAUTH_URL=https://{YOURDOMAIN} # for deployment
NEXTAUTH_SECRET=zzzzzzzzzz

8. Under the "APIs & Services" menu "Oauth consent screen" tab you must manually add the email addresses of the users who will use this application. Note that the app codebase is manually configured to only allow @vt.edu addresses, so be sure to only add addresses which match this domain (see NextAuth config file).

Canvas Setup

Basics

• Need access token from Canvas directly. See guide on how to manually request a token: https://kb.iu.edu/d/aaja
• Save access token to environment variable CANVAS_API_TOKEN
• Canvas API documentation https://canvas.instructure.com/doc/api/
• Use jq to filter JSON responses
• Canvas API uses pagination (limit is 10 results per query). This can be extended using the ?per_page=100 query modifier.

Query Examples

Basic query to get list of courses:

curl -H "Authorization: Bearer ${CANVAS_API_TOKEN}" "https://canvas.vt.edu/api/v1/courses?per_page=100"