PlantUML Web Server

@startuml
!includeurl https://raw.githubusercontent.com/RicardoNiepel/C4-PlantUML/master/C4_Container.puml

LAYOUT_WITH_LEGEND()

title Arquitectura del Sistema de Gestión de Personal

Person(admin, "Administrador", "Gestiona la información del personal y genera reportes.")
Person(RH, "Personal de RH", "Usa el sistema para registrar y mantener la información del personal.")
Person(empleado, "Empleado", "Interactúa con el sistema para actualizar su información y ver su cuadro de turnos.")
System_Boundary(c1, "Sistema de Gestión de Personal") {
    Container(web_app, "Frontend - NextJS", "JavaScript, TypeScript", "Permite a los usuarios interactuar con el sistema.")
    Container(api, "Backend API - FastAPI", "Python", "Maneja la lógica de negocios y el acceso a la base de datos.")
    ContainerDb(db, "Base de Datos", "PostgreSQL", "Almacena información del personal, turnos, roles y permisos.")
    Container(s3, "Almacenamiento S3", "Servicio de AWS", "Almacena documentos y archivos multimedia.")
}

Rel(admin, web_app, "Usa", "HTTPS")
Rel(RH, web_app, "Usa", "HTTPS")
Rel(empleado, web_app, "Usa", "HTTPS")
Rel(web_app, api, "Llama a", "JSON/HTTPS")
Rel(api, db, "Lee y escribe")
Rel(web_app, s3, "Almacena y recupera documentos")
@enduml

🎉 Discover the future PlantUML Web Editor! 🚀 PNG SVG ASCII Art