mem-frontend

Qué es

La interfaz web del MEM: permite consultar y graficar los Precios Marginales Locales de nodos y zonas de carga para los mercados MDA y MTR.

Tipo de sistema

Campo	Valor
Tipo	Frontend (aplicación de página única)
Framework	Vue 3 con Vue CLI
Estado y ruteo	Vuex · Vue Router
Estilos	Tailwind CSS
Gráficas	Chart.js con vue-chartjs
Cliente HTTP	Axios
Ejecución	Archivos estáticos compilados

Estado documental

• Estado: Borrador
• Última actualización: 2026-08-02
• Owner: Pendiente
• SME requerido: desarrollo frontend
• Fuente resumida: dependencias y estructura de carpetas del repositorio.

Estructura

src/
  api/          clientes HTTP hacia los servicios
  components/   componentes reutilizables
  modules/      funcionalidad por dominio
  router/       rutas de la aplicación
  store/        estado global
  constants/    valores fijos
  styles/       estilos

De dónde saca los datos

Servicio	Para qué
mem-auth-service	Inicio de sesión, perfil y favoritos.
mem-api	Precios de nodos y zonas de carga.

Si el frontend no muestra precios, el problema casi nunca está aquí: está en la cadena que alimenta a mem-api. Ver el mapa del ecosistema.

Comandos

Comando	Para qué
npm install	Instala dependencias.
npm run serve	Desarrollo con recarga automática.
npm run build	Compilación para producción.
npm run lint	Revisión y corrección de estilo de código.

Operación

No tiene tareas recurrentes. Se compila y se publica como archivos estáticos.

Riesgos y gaps

• No está documentado el proceso de despliegue ni dónde se publican los archivos compilados.
• No está documentada la configuración de las URLs de servicio por ambiente.
• No está documentado el catálogo de pantallas ni sus permisos.

Próxima revisión

Al documentar el despliegue con desarrollo.