Kronicle App
Component Name
Kronicle App
Component Type
spa
Platform
aws-ecs-fargate
Teams
Key Software
Description
The Single Page App (SPA) for Kronicle's UI. kronicle-app hosts the whole web UI for Kroncile
Notes
Table of Contents
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 |