Canvas Gamification Ui

This is the Angular implementation of the Canvas Gamification UI. The platform allows course instructors to provide questions to their students in the form of practices, assignments, quizzes, or exams.

Main Features

Supported Question Types

• Multiple Choice
• Check Box
• Java Coding
• Parsons

Getting Started

Dependencies

• Node:
  • 16.1.0
• npm:
  • 7.12.0

Local Development

Clone the project from GitHub onto your local machine. Ensure an instance of the Canvas Gamification server is running locally. The Angular application interacts with the server using REST APIs.

Dependencies

Install the dependencies specified in the package.json with npm ci.

Serving the Application

Run the application using npm run start. A WebStorm run configuration can be setup to run the project directly from the IDE. Navigate to http://localhost:4200 to view the application.

Code Scaffolding

Run ng generate component components/component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Linting the Project

Run npm run lint to lint the project via ESLint.

Building the Project

Run npm run build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running Unit Tests

Run npm run test to execute the unit tests via Karma.

Running end-to-end tests

Run npm run e2e to execute the end-to-end tests via Protractor.

Authors

Keyvan Khademi

• Email: [email protected]
• GitHub: keyvankhademi

Collaborators

Opey Adeyemi

• Email: [email protected]
• GitHub: opeyem1a

Carson Ricca

• Email: [email protected]
• GitHub: carson-ricca