← Back to case studies
Multi-tenant SaaS · Web · Frontend

Risk management and compliance platform

One tool for companies across industries to prove they comply with privacy and information security regulations.

Period
2024–2025
Team
4 to 6 devs
My role
Frontend developer
Focus
100% frontend

These projects are under a confidentiality agreement. Client names, code and screenshots are not shown; titles are descriptive.

Context

A multi-tenant SaaS web platform for regulatory compliance: asset and activity inventory, risk analysis, treatment plans, security controls, document management and reporting.

It is used by compliance teams, security officers and consultants from organizations in many sectors. I worked on the admin SPA.

Problem

Bring together everything a company needs to prove compliance with privacy and security regulations (GDPR-style rules or information security standards): which assets and data it holds, what risks affect them, which measures it applies and how they evolve.

On the UI side, the challenge was presenting large volumes of interrelated data clearly: assets, risks and controls.

What I did

  • Dashboard with interactive charts that link to pre-filtered detail screens.
  • Interactive asset dependency graph and Gantt chart for action plans.
  • Export of risk and treatment reports, with a choice of report type.
  • Mapping of equivalent controls across different regulatory frameworks.
  • Date and status validation for tracking objectives and actions.
  • Pagination and filters in lists and modals, plus visual unification of components (UX/UI refactor).

Problems solved

  • Fixed a listener that triggered infinite API calls when creating entities.
  • Fixed the impact assessment view, which mixed grouped and ungrouped assets.

Architecture

Angular SPA organized into feature modules, with a core layer (services, interceptors, guards) and shared components, consuming a REST API.

Stack

Frontend
  • Angular
  • TypeScript
  • RxJS
  • Angular Material
  • ApexCharts
  • Cytoscape
  • ngx-translate
  • SweetAlert2
  • ngx-toastr
Tooling
  • Git
  • Docker
  • ESLint
  • Prettier

Outcome

Still in production; client companies use it as internal software.

What I learned

Angular, RxJS and async patterns; working on a large codebase with years of history; data visualization with charts, graphs and Gantt diagrams.