Front end

Front-end

The application mainly uses server-side-rendered pages, rendered in Laravel's Blade engine. The files are found in resources/views/.

React

Some elements in the application are simple React mini-applications. For example, the tip and programme pages, or the progress page.

It is possible to create more of the React elements. They have most use in areas where a lot of data is exchanged with the server and the interface is very interactive.

It is recommended to not introduce any JS dependencies, unless they are strictly necessary.

Compiling of the JS can be done with yarn. The instructions are available on the setup page.