Skip to content

Instalación — Frontend (Vite + React + TypeScript)

Este proyecto es una aplicación frontend que utiliza Vite, React y TypeScript. El backend de la plataforma reside en un repositorio separado (implementado en C#). Este documento explica cómo ejecutar el frontend localmente y cómo alternar entre adaptadores mock y adaptadores reales que llamen al backend.

Requisitos previos - Node.js (recomendado: versión LTS) - pnpm (opcional pero recomendado) o npm/yarn

Instalación

pnpm install
# o
npm install

Ejecutar en desarrollo

pnpm dev
# o
npm run dev

Build de producción

pnpm build
# o
npm run build

Mocks y Backend

  • Este repositorio contiene adaptadores mock en src/adapters/ (por ejemplo: keycloak, signalr, api). Estos mocks permiten ejecutar el frontend sin depender de un backend activo.
  • La implementación del backend se espera en un repositorio separado en C#. Consulta API_ENDPOINTS.md en la raíz para los contratos esperados de la API.
  • Para usar el backend real (C#) en lugar de los mocks:
  • Implementa adaptadores reales usando fetch o axios que llamen a los endpoints del backend.
  • Reemplaza las exportaciones de los mocks en src/adapters/api/*.ts o crea nuevos adaptadores y actualiza las importaciones.
  • Configura la URL base del backend (por ejemplo mediante variables de entorno) y actualiza los adaptadores para usarla.

Notas

Nota: Esta documentación fue importada desde https://github.com/eventmesh-lab/eventmesh-frontend y se ha integrado aquí como punto base del front-end de la aplicación. Puede requerir adaptaciones menores para el portal central de documentación.

  • El archivo SETUP_GUIDE.md en la raíz contiene notas adicionales de desarrollo. Mantén ambos documentos sincronizados cuando actualices instrucciones.