Eyisto Aguilar Trejo
EN
Volver al portafolio
Proyecto propio · Full-stack

InvierteEdu: educación financiera interactiva

Plataforma full-stack que explica análisis técnico y fundamental con datos de mercado reales y calculadoras.

Abrir la app en vivo ↗

Módulos educativos

12

Técnico y fundamental

Rangos de tiempo

1D – 2A

Sobre cualquier ticker

Indicadores en el gráfico

EMA · RSI · MACD

Se activan y desactivan

Caché de datos

5 min

Persistente en SQLite

La idea

Cada métrica que usan los inversores explicada desde cero: qué significa, cómo se calcula, cómo interpretarla y con ejemplos reales. La app junta teoría y práctica en una sola pantalla: al lado de cada lección hay un gráfico con datos de mercado reales para ver el indicador funcionando.

Dos rutas de aprendizaje

  • Análisis técnico: soportes y resistencias, medias móviles, RSI y MACD, con la fórmula, las zonas de lectura y las señales de compra y venta.
  • Análisis fundamental: ratio P/E, EPS, ROE, dividendos y capitalización de mercado, con calculadoras interactivas para practicar con números propios.
  • Herramienta de gráfico de acciones: cualquier ticker, rangos de 1 día a 2 años, EMA 20/50/200, RSI 14 y MACD.

Gráfico de acciones

La herramienta real consulta datos de mercado en el momento para cualquier ticker. Esta versión usa un dato guardado para funcionar sin backend, pero conserva la interacción: elegí un rango y pasá el mouse por la serie.

AAPL · dato guardado al 2026-09-21

$338.98 +13.75%

Dato histórico guardado (no en vivo) para que la demo funcione sin depender del backend. La app real consulta la API de Yahoo Finance en el momento para cualquier ticker.

La app funcionando

Capturas de la aplicación corriendo localmente contra el backend, con datos reales de mercado.

Inicio: las dos formas de analizar el mercado y un gráfico en vivo.
Lección de RSI: fórmula, zonas de referencia y el gráfico con el indicador.
Lección de MACD: componentes, fórmula y señales de trading.
Medias móviles.
Ratio P/E: definición, fórmula y cómo interpretarlo por rangos.

Arquitectura

  1. 1

    Frontend

    React 19 con TypeScript, Vite, Tailwind CSS y React Router; gráficos con Recharts. Un contexto compartido sincroniza el gráfico con el resto de la página.

  2. 2

    Backend con FastAPI

    Un servicio consulta la API de gráficos de Yahoo Finance con httpx, calcula las medias exponenciales (20, 50 y 200) en el servidor y expone velas por ticker y rango.

  3. 3

    Robustez

    Caché persistente en SQLite con TTL de 5 minutos que sobrevive a reinicios, lista blanca de rangos, validación estricta del ticker y CORS configurable por variable de entorno.

  4. 4

    Calidad y despliegue

    Pruebas con Vitest en el frontend y pytest en el backend. Un blueprint de Render define el frontend estático y la API como dos servicios.