workspace-v1/projects/gamilit/docs/95-guias-desarrollo/frontend/README.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

41 lines
1.4 KiB
Markdown

# Guías de Desarrollo Frontend
**Versión:** 1.0.0
**Última Actualización:** 2025-11-28
---
## Índice de Guías
| Guía | Descripción |
|------|-------------|
| [ESTRUCTURA-FEATURES.md](./ESTRUCTURA-FEATURES.md) | Estructura de las 9 features |
| [ESTRUCTURA-SHARED.md](./ESTRUCTURA-SHARED.md) | Componentes y utilidades compartidas |
| [COMPONENTES-UI.md](./COMPONENTES-UI.md) | Librería de componentes UI |
| [STATE-MANAGEMENT.md](./STATE-MANAGEMENT.md) | Zustand y React Query |
| [API-INTEGRATION.md](./API-INTEGRATION.md) | Conexión con backend (resumen) |
| [API-ARCHITECTURE.md](./API-ARCHITECTURE.md) | Arquitectura completa de API clients |
| [SETUP-DEVELOPMENT.md](./SETUP-DEVELOPMENT.md) | Configuración de entorno |
| [TESTING-GUIDE.md](./TESTING-GUIDE.md) | Tests con Vitest y Testing Library |
---
## Quick Start
1. Configurar entorno: [SETUP-DEVELOPMENT.md](./SETUP-DEVELOPMENT.md)
2. Entender estructura: [ESTRUCTURA-FEATURES.md](./ESTRUCTURA-FEATURES.md)
3. Usar componentes: [COMPONENTES-UI.md](./COMPONENTES-UI.md)
4. Gestionar estado: [STATE-MANAGEMENT.md](./STATE-MANAGEMENT.md)
5. Escribir tests: [TESTING-GUIDE.md](./TESTING-GUIDE.md)
---
## Stack Tecnológico
- **Runtime:** Node.js 18+
- **Framework:** React 18 + Vite
- **Estado del servidor:** TanStack Query (React Query)
- **Estado del cliente:** Zustand
- **Estilos:** Tailwind CSS
- **Testing:** Vitest + React Testing Library