4.2. Software Architecture

1. Front End

Our front end is built with Angular, Javascript, CSS and HTMl. HTTP requests to the server are passed to the router.

2. Router

The router contains authentication middleware to ensure any requests are made by valid users. All HTTP requests from the front-end pass through the router.

3. Controllers

3.1 Login controller

Interfaces with IVLE and creates users in the application database based on user information retrieved from IVLE.

3.2 Dashboard controller

Handles the display of user and tutorial information in the dashboard page. Synchronizes tutorials with IVLE.

3.3 Lobby controller

Handles communication between clients and the application database.

3.4 Database controller

Interfaces with the application database using Sequelize. All database queries are passed through here to prevent direct access of the models.