Web

The Web part of the project is made using Svelte, a JavaScript framework that compiles to vanilla JavaScript and Node.js.

Development process

Installation

To install the dependencies, run the following command:

npm i

Development

To start the development server, run the following command:

npm run dev

Cleaning up

To clean up the project, run the following command:

npm run lint

and

npm run format

Pages

Root (/)

The root page is the main page of the project. It contains the following sections:

• Navigation bar with sign in button

Authentification (/auth)

The sign in page is the page where the user can sign in. It contains the following sections:

• Register / Login form

Dashboard Home (/dashboard)

The dashboard home page is the main page of the dashboard. It contains the following sections:

• 4 configurable widgets

Profile settings (/dashboard/profile)

The profile settings page is the page where the user can change his profile settings. It contains the following sections:

• Profile settings form

Workspace (/dashboard/workspace)

This is where the user can create, edit and delete programs. It contains the following sections:

• Program list
• Program editor
• Debug Actions/Reactions

Explore (/dashboard/explore)

This is where users can find examples of programs that we provide, they can import them to their workspace and modify them.

Services (/dashboard/services)

This is where users can connect their services to the platform.

Current services include:

• Spotify
• Steam
• Battle.net
• Epic Games
• Riot Games