React app using mobx and parcel-js.
This page displays course analysis and course data published by course coordinators sorted by years. Prospective, current and previous students can use the information for selecting courses or follow up on previous course evaluations. Teachers, course coordinators, examiners etc. can use the page as a tool for course development.
Displays:
- Meny with navigation links for course information related pages (kursinfo-web, kursinfo-admin-web)
- Dropdown list with all previous course syllabuses
- Tables with course data and course analyses, as well as this course round syllabuss (and course-pm)
- Navigation links per table to edit it in administrate tool kursutveckling-admin-web
The two types of course analyses, Canvas analyses and Admin Web Tool analyses, differ in their origins and data sources:
- Admin Web Tool analyses, from the discontinued
kursutveckling-admin-web
tool, include the fieldexaminationGrade
for describing course round results. The fieldalterationText
refers to changes implemented before the current course round. The latest analysis of this kind will be published in March 2025. - Canvas-based analyses data is fetched and compiled in the integration
kursutveckling-integration-api
, including the fieldgradingDistribution
for describing course round results. The fieldalterationText
here refers to changes planned before the next course round.
Application is fetching data from KOPPS-API for:
- Course title
- For a list of course syllabusses for all available years in kopps
Application is fetching data from Kursutveckling api to show:
- All data contained in table for course analyses and data
Application is showing course syllabuses via kursplan-api
Web pages is public for everyone.
All connected projects can be found here:
- https://github.com/KTH/kursutveckling-admin-web
- https://github.com/KTH/kursutveckling-api
- https://github.com/KTH/kursplan-api
Related projects
- https://github.com/KTH/kursutveckling-integration-api
- https://github.com/KTH/kursinfo-admin-web
- https://github.com/KTH/kursinfo-api
- https://github.com/KTH/kursinfo-web
Secrets during local development are stored in a gitignored .env
file (env.in
can be used as template for your .env
file). More details about environment variable setup and secrets can be found in confluence.
First time you might need to use options --ignore-scripts
because of npm resolutions:
npm install --ignore-scripts
or
npm install
You might need to install as well:
npm install cross-env
npm install concurrently
Start the service on http://localhost:3000/kursutveckling/:courseCode.
npm run start-dev
It's possible to use debugging options available in Visual Studio Code
Add a file launch.json
to .vscode
directory :
- Microsoft
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Debug kursutveckling-web",
"program": "${workspaceFolder}\\app.js",
"envFile": "${workspaceFolder}\\.env",
"env": {
"NODE_ENV": "development"
}
}
]
}
- Mac, Unix and so on
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Debug kursutveckling-web",
"program": "${workspaceFolder}/app.js",
"envFile": "${workspaceFolder}/.env",
"env": {
"NODE_ENV": "development"
}
}
]
}