🌐 Brokey - Frontend

Proyecto Fin de Ciclo DAW
Autor: Héctor Pascual
Frontend desarrollado con: Angular + TypeScript + Bootstrap

---

📌 Descripción

Brokey es una plataforma web pensada para facilitar la inversión en bolsa a usuarios sin experiencia previa. Este repositorio contiene el Frontend del proyecto, diseñado con Angular y orientado a ofrecer una interfaz clara, visual y fácil de usar para comprar, vender y gestionar acciones, criptomonedas y commodities.

---

🎯 Objetivos del Frontend

• Interfaz sencilla y atractiva
• Visualización de productos financieros con datos y gráficos
• Gestión de acciones favoritas y carteras de inversión
• Sistema de recomendación (en desarrollo)
• Compatibilidad con datos reales y locales (API espejo)
• Visualización pública y gestión privada de activos mediante login

---

🛠️ Tecnologías utilizadas

• Angular 17
• TypeScript
• Bootstrap 5.3
• Chart.js
• RxJS
• ESLint
• Karma + Jasmine (Testing)

---

🧭 Estructura del Frontend

🔐 Auth

• Login y Register para acceso seguro de usuarios

📈 Stocks

• Visualización general de todos los productos
• Subrutas por tipo:
  • /shares – Acciones
  • /cryptos – Criptomonedas
  • /commodities – Materias primas
• Operaciones de compra y venta: /buy-stock/:id, /sell-stock/:id

💼 Portfolio

• Vista de carteras del usuario
• Detalles, creación y edición de portfolios

👤 Profile

• Información de usuario
• Historial de transacciones
• Edición de perfil, email, contraseña e IBAN
• Gestión de fondos: inserción y extracción

---

🛡️ Seguridad y Guards

• loginActiveGuard: protege rutas de usuarios autenticados
• logoutActiveGuard: protege rutas públicas (evita acceso si ya está logueado)
• leavePageGuard: previene pérdida de datos en formularios sin guardar

---

📊 Componentes y Funcionalidad

• Formularios reactivos con validación (FormBuilder)
• Carga perezosa de módulos y componentes (loadChildren / loadComponent)
• Uso de resolvers para precargar datos de perfil y acciones
• Comunicación directa con backend para:
  • Obtener información financiera
  • Realizar operaciones
  • Gestionar portfolios

---

⚙️ Instalación y ejecución

1. Clona el repositorio:

   git clone ...

2. Instala las dependencias:

   npm install

3. Ejecuta la app en modo desarrollo:

   npm start

4. Compila para producción:

   npm run build

---

🧪 Testing

Ejecuta pruebas unitarias:

npm run test

---

Gracias por visitar Brokey. Simplifica tu inversión 💸