rckrdmrd/workspace-v1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
967ab360bb
workspace-v1/projects/erp-suite/apps/verticales/construccion/docs/97-adr/ADR-009-frontend-architecture.md
Adrian Flores Cortes 967ab360bb Initial commit: Workspace v1 with 3-layer architecture 
Structure:
- control-plane/: Registries, SIMCO directives, CI/CD templates
- projects/: Gamilit, ERP-Suite, Trading-Platform, Betting-Analytics
- shared/: Libs catalog, knowledge-base

Key features:
- Centralized port, domain, database, and service registries
- 23 SIMCO directives + 6 fundamental principles
- NEXUS agent profiles with delegation rules
- Validation scripts for workspace integrity
- Dockerfiles for all services
- Path aliases for quick reference

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-23 00:35:19 -06:00

1.9 KiB
Raw Blame History

ADR-009: Frontend Architecture - Feature-Sliced Design

Estado: Aceptada Fecha: 2025-11-24 Responsable: Architecture-Analyst Proyecto: ERP Construccion

Contexto

Frontend debe soportar:

  • Multiples roles (director, residente, almacenista)
  • Dashboards especificos por rol
  • Portal de derechohabientes
  • App movil (React Native)

Decision

Feature-Sliced Design (FSD):

frontend/src/
+-- shared/             # Componentes reutilizables
|   +-- ui/             # Botones, inputs, modals
|   +-- api/            # Clientes API
|   +-- utils/          # Helpers
+-- features/           # Por rol/funcionalidad
|   +-- director/       # Dashboard director
|   +-- residente/      # Vistas residente obra
|   +-- almacenista/    # Gestion inventarios
|   +-- portal/         # Portal derechohabientes
+-- pages/              # Paginas de la app
+-- app/                # Configuracion global

Justificacion

Referencia a Gamilit

  • 180+ componentes reutilizables
  • Arquitectura escalable probada

Especifico para Construccion

  • Features separados por rol de construccion
  • Portal derechohabientes como feature aislado
  • Componentes especificos: KardexTable, EstimateForm, AvanceGantt

Consecuencias

Positivas

  • Desarrollo 40% mas rapido
  • Reutilizacion maxima de componentes
  • Separacion clara por rol
  • Mantenibilidad +50%

Negativas

  • Curva de aprendizaje FSD
  • Mitigacion: Documentacion y ejemplos

Implementacion

Acciones Requeridas

  • Migrar a estructura FSD
  • Crear componentes shared/ui base
  • Implementar features por rol
  • Separar portal como feature

Criterios de Aceptacion

  • Componentes compartidos funcionan en todas las features
  • Cada rol tiene su dashboard
  • Portal funciona como SPA independiente

Referencias