03 — Frontend

User Interface

The WormSec frontend provides a modern web interface to interact with the platform. It centralizes AI conversations, security alerts and system monitoring in a single dashboard.

Overview

The frontend is developed with Angular and communicates with the backend through a REST API. It offers a responsive dashboard allowing users to monitor endpoints, consult alerts and interact with the integrated AI assistant from a single interface.

The interface has been designed to provide a simple user experience while exposing all security events generated by the platform in real time.

Architecture

The frontend communicates with the AI backend and the monitoring engine through HTTP APIs.

            Browser
                │
                ▼
            Angular Frontend
                │
                ▼
            FastAPI Backend
                │
                ├────────► AI (Ollama)
                │
                └────────► WormSec Services

This separation allows each component to evolve independently while keeping a clean and maintainable architecture.

Main Features

            • Interactive dashboard
            • AI assistant interface
            • Security alert visualization
            • Real-time monitoring
            • Responsive user interface
            • Backend API integration

The application provides a centralized workspace where administrators can access security information, interact with the AI assistant and manage future platform features.

Technology Stack

The frontend relies on modern web technologies to ensure performance, maintainability and scalability.

            Framework : Angular 17+
            Language  : TypeScript
            Styling   : HTML / CSS
            Backend   : FastAPI
            AI Engine : Ollama
            Communication : REST API

Thanks to this architecture, the interface remains independent from the backend implementation and can easily integrate new services as the WormSec platform evolves.