Aplicaciones Frontend

Este documento describe las aplicaciones frontend de Lana, su arquitectura y patrones de desarrollo.

Descripción General

Lana incluye la siguiente aplicación frontend:

Aplicación	Propósito	Usuarios
Panel de Administración	Gestión bancaria	Personal administrativo

Pila Tecnológica

Estructura de Directorios

apps/
├── admin-panel/           # Panel de Administración
│   ├── src/routes/        # Rutas basadas en archivos (TanStack Router)
│   ├── components/        # Componentes React
│   ├── lib/               # Utilidades y configuración
│   └── src/generated/     # Código generado (GraphQL)
│
└── shared-web/            # Código compartido entre frontends
    └── src/               # UI y utilidades compartidas

Patrones de Desarrollo

Gestión de Estado

• Apollo Client: Estado del servidor (datos GraphQL)
• React Context: Estado global de la UI
• useState/useReducer: Estado local del componente

Desarrollo Local

Iniciar Aplicaciones

# Panel de Administración

cd apps/admin-panel
pnpm dev

URLs de Desarrollo

Aplicación	URL
Panel de Administración	http://admin.localhost:4455

Documentación Relacionada

• Panel de Administración - Documentación del panel de administración
• Componentes Compartidos - Biblioteca UI
• Credit UI - Gestión de facilidades de crédito