Skip to content

ItemBlocks Web stack

Fabian Zeiher edited this page Dec 17, 2023 · 2 revisions

ItemBlocks Web stack

On this page, we will see the web stack that is used for the user interface of the ItemBlocks project.

Overfiew

The frontend is designed for mobile phones. We chose a SPA architecture approach. The front end is build using HTML, CSS and javascript.

Build Tool

We use Vite as our build tool, to manage dependencies and create a minimized bundle of our code.

Javascript Framework

To develop the reactive frontend quickly we chose Svelte.

CSS

The choice in the UI Design fell on pico.css, because of its modern clean look and classless approach.

Deployment

The final bundle is statically served by nginx. The dockerized application is running in a managed Kubernetes cluster on KTH Cloud.

Clone this wiki locally