Skip to content

feat: Agregar frontend Angular con integración completa - #13

Open
bernardomayol wants to merge 10 commits into
mainfrom
feature/angular-frontend
Open

bernardomayol wants to merge 10 commits into
mainfrom
feature/angular-frontend

Conversation

@bernardomayol

Copy link
Copy Markdown
Owner

🎯 Descripción

Este PR agrega un frontend Angular 19 completamente integrado con la arquitectura de microservicios eShop.

✅ Cambios Principales

  • ✅ Proyecto Angular 19 con routing y SCSS
  • ✅ Servicios HTTP para Catalog, Basket y Ordering APIs
  • ✅ Modelos TypeScript para todas las entidades
  • ✅ Componente de catálogo con filtros y paginación
  • ✅ Componente de carrito de compras
  • ✅ Configuración de proxy para desarrollo
  • ✅ CORS configurado en ServiceDefaults
  • ✅ UseCors() agregado en Catalog, Basket y Ordering APIs
  • ✅ Estilos modernos y responsive

🏗️ Arquitectura

Angular (4200) → Proxy → mobile-bff (62311) → Backend APIs

📦 Archivos Creados

  • 45 nuevos archivos
  • +10,086 líneas de código
  • Proyecto completo en src/AngularApp/

🚀 Cómo Probar

  1. Ejecutar AppHost (Aspire): F5 en Visual Studio
  2. Ir a src/AngularApp
  3. npm install
  4. ng serve
  5. Abrir http://localhost:4200

📝 Documentación

Ver ANGULAR_INTEGRATION_SUMMARY.md para detalles completos.

✅ Testing

  • Backend APIs corriendo
  • CORS configurado correctamente
  • Angular compila sin errores
  • Servicios HTTP implementados
  • Componentes UI funcionales

bernardomayol and others added 10 commits July 14, 2026 17:38
- Crear proyecto Angular 19 con routing y SCSS
- Implementar servicios para Catalog, Basket y Ordering APIs
- Crear modelos TypeScript para entities
- Implementar componente de catálogo con filtros y paginación
- Implementar componente de carrito de compras
- Configurar proxy para desarrollo (mobile-bff en puerto 62311)
- Configurar CORS en ServiceDefaults para permitir peticiones desde Angular
- Agregar UseCors() en Catalog.API, Basket.API y Ordering.API
- Configurar HttpClient con interceptors
- Agregar estilos globales y específicos de componentes
- Integración completa con arquitectura de microservicios eShop

Arquitectura:
Angular (4200) → Proxy → mobile-bff (62311) → APIs backend

Características:
- Catálogo con filtros por marca y tipo
- Carrito de compras funcional
- Paginación de productos
- Diseño responsive
- CORS configurado correctamente
- Renombrar clase Basket a BasketComponent para match con import
- Agregar propiedad Math al CatalogComponent para uso en template
- Agregar puerto 4201 a política CORS para desarrollo flexible
Co-authored-by: aider (groq/llama-3.3-70b-versatile) <aider@aider.chat>
Co-authored-by: aider (groq/llama-3.3-70b-versatile) <aider@aider.chat>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant