Technologies

Vue 3

We use the Vue.js 3 composition API together with TypeScript.

Vue.js

TypeScript

We use TypeScript as our development language.

JavaScript With Syntax For Types.

Build

Vite builds the frontend into a static page that can then be delivered in a Docker container. It can also provide a live preview for development. (npm run dev)

Vite

Router

For site navigation and access control we use Vue Router

Vue Router

Notification

For the user notification we use a self-built component, which can be found in our own framework Vue Components Library .

HTML components

For our html components we use our own framework Vue Components Library which uses Tailwind UI - Official Tailwind CSS Components & Templates and builds on it.

Store

To exchange component information (which goes beyond the normal parent/child construct) we use Pinia as a global store.

Pinia 🍍

Usage of the store as a cache

HTTP Client

The GitHub - axios/axios: Promise based HTTP client for the browser and node.js client is used in the developer portal project, as well as in our API Helper framework.

Linting

Coding Guidelines

Sytle

Tailwind UI - Official Tailwind CSS Components & Templates

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

Headless UI

https://vue-hero-icons.netlify.app/

https://postcss.org/

Websockets

https://www.npmjs.com/package/webstomp-client

Unit Tests

https://jestjs.io/

Hash

https://www.npmjs.com/package/blueimp-md5

Charts

https://www.chartjs.org/

https://www.npmjs.com/package/vue-chart-3

Time and date stuff

https://day.js.org/

Markdown

https://www.npmjs.com/package/marked

https://www.npmjs.com/package/github-markdown-css

Related pages