There is NodeJS runtime using ExpressJS framework as a web-server. ExpressJS serves client applications to the second component - users web browser.

NGINX web server is used to act as a web proxy between users web browser and NodeJS runtime. Proxy is used to add an extra layer of requests filtering to be sure that only the right services are accessible to the client application.

Client application is a custom user-facing frontend application, written in Angular, that handles file management and serves as an entry point to the PLEAK tools. Parts of frontend are also BPMN files modeler and viewer. All the work with a single selected file is done within modeler application, that provides a possibility to create and modify BPMN models, work with them and save to the local machine if necessary. All BPMN modeling related libraries are loaded and handled by NodeJS and client browser and proxied by NGINX. Modeler and viewer applications are integrated into frontend, but analyser-editor components are currently separated.

The source code is available at pleak-frontend repository.