Stack Tecnológico

El SGA está construido con tecnologías modernas orientadas al rendimiento, la seguridad y la escalabilidad.

Arquitectura General

Capa	Tecnología	Versión
Frontend	Vue 3 + Quasar Framework	Vue 3.x, Quasar 2.x
Backend	NestJS (Node.js)	NestJS 10.x
Base de Datos	PostgreSQL	15+
Microservicios	WhatsApp API, PDF Generator	Node.js
Almacenamiento	Google Drive API	v3
Autenticación	JWT + OTP (WhatsApp)	—

Frontend

• Vue 3 con Composition API y <script setup>
• Quasar Framework para componentes UI premium
• TypeScript con tipado estricto (sin any)
• Pinia para estado global
• Vue Router para navegación SPA
• Componentes propios de la marca: ArcAvatarForName, ArcCardStats2, ArcWindow

Backend

• NestJS con patrón Controlador → Servicio
• TypeORM como ORM para PostgreSQL
• API RESTful con documentación Swagger
• Guardias de autenticación y autorización por roles
• Sistema de permisos granular: rutas + botones (can()) + menús

Base de Datos

• PostgreSQL como motor único
• Claves primarias: id integer generated by default as identity
• Montos monetarios: numeric(10, 2)
• Timestamps: timestamp
• Manejo de conflictos: ON CONFLICT (...) DO UPDATE
• Internacionalización vía tabla sys_language (ES/EN/FR)

Microservicios

• WhatsApp: Envío de OTP para Portal de Padres, notificaciones push
• PDF: Generación de carnets, boletines, recibos, reportes

Seguridad

• 3 capas de seguridad en cada vista:
  1. Permisos de ruta (guard)
  2. Control a nivel de botón (can())
  3. Condiciones en menús de tabla
• 75 vistas verificadas y certificadas ✅