Component Name

Kronicle App

Component Type

spa

Platform

aws-ecs-fargate

Teams

kronicle-project

Key Software

Gradle 7.4 Spring Boot 2.7.1 Guava 31.0.1-jre Zipkin Brave 5.13.9 Jackson 2.13.3 Spring Cloud 2021.0.3 Lombok 1.18.22, 1.18.24 Vue 2.6.14 Nuxt 2.15.8

Description

The Single Page App (SPA) for Kronicle's UI. kronicle-app hosts the whole web UI for Kroncile

Notes

The SPA is built with Nuxt and Vue.js. Nuxt is an awesome framework for building Vue.js apps that removes a lot of the boiler plate code needed and introduces a lot of helpful conventions and patterns. Nuxt supports both Server Side Rendering (SSR) and static generation. kronicle-app uses Nuxt with Server Side Rendering. Inital page renders are done server-side with further page renders performed client-side.

Links

https://kronicle.tech

The Kronicle website
https://demo.kronicle.tech

The Kronicle live demo

Responsibilities

Rendering a web UI that visualises all the data in Kronicle. Data is a combination of data from kronicle.yaml files store in Git repos and data pulled in by Scanners from external data sources like Git repos, Zipkin, SonarQube etc. The Kronicle App uses the Konricle Service's RESTful API to retrieve all this data.

Diagrams

Diagram	Action	Description
Kronicle	View Diagram	Architecture diagram for Kronicle
Structure - kronicle-app - production	View Diagram	An auto-generated diagram that shows the structure of the kronicle-app component in the production environment