workspace/projects/erp-suite/apps/verticales/construccion/docs/97-adr/ADR-009-frontend-architecture.md
rckrdmrd ea1879f4ad feat: Initial workspace structure with multi-level Git configuration
- Configure workspace Git repository with comprehensive .gitignore
- Add Odoo as submodule for ERP reference code
- Include documentation: SETUP.md, GIT-STRUCTURE.md
- Add gitignore templates for projects (backend, frontend, database)
- Structure supports independent repos per project/subproject level

Workspace includes:
- core/ - Reusable patterns, modules, orchestration system
- projects/ - Active projects (erp-suite, gamilit, trading-platform, etc.)
- knowledge-base/ - Reference code and patterns (includes Odoo submodule)
- devtools/ - Development tools and templates
- customers/ - Client implementations template

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

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

1.9 KiB

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