Cerrar y volver al inicio

ValorAr

Aplicación web

Proyecto:

ValorAr

Mi rol:

Desarrollador Frontend (proyecto personal end-to-end)

Tecnologías:

Angular 17TypeScriptRxJSSCSSChart.jsPlaywrightGitHub ActionsNetlify

Línea de tiempo:

2024 – 2026

Descripción:

Aplicación web que centraliza indicadores económicos de Argentina —dólar, inflación, plazo fijo y rendimientos— en una interfaz clara, responsive y sin registro, con gráficos interactivos y lecturas cruzadas para interpretar los datos del día.

Contexto:

ValorAr nació como un proyecto personal para resolver un problema cotidiano: la información financiera argentina está fragmentada entre sitios, apps y APIs distintas, y muchas veces llega sin contexto. La app consume APIs públicas (dolarapi.com y argentinadatos.com), organiza los datos en vistas por dominio y los presenta con filtros, estados de carga/error y un briefing en el home que resume lo relevante sin obligar a saltar entre pantallas. Se publicó en Netlify y se usó también para practicar Angular moderno, visualización de datos, UX y calidad (tests unitarios, E2E y CI).

Visualizar Código
ValorAr

Problema

En Argentina, seguir el día a día económico implica mirar varios lugares: cotizaciones del dólar (oficial, blue y otras), inflación mensual, tasas de plazo fijo por banco y rendimientos por entidad. Esa información suele estar dispersa, con formatos distintos y sin una lectura simple que ayude a entender, por ejemplo, si la brecha del dólar es amplia o si una TNA “alta” realmente compite con la inflación.

El desafío fue construir una sola plataforma web, rápida y fácil de usar, que unifique esos indicadores, los visualice con claridad y permita comparar y filtrar sin fricción —sin backend propio ni cuenta de usuario.

Proceso

Enfoqué el desarrollo de forma iterativa, priorizando claridad de uso y arquitectura mantenible:

  1. Definición del alcance — Cuatro dominios concretos: dólares, inflación, plazo fijo y rendimientos, más un home como punto de entrada.
  2. Arquitectura por capas — Separación en features (páginas), core (servicios, modelos, layout, interceptors) y shared (componentes y utilidades), con componentes standalone y lazy loading.
  3. Diseño de la experiencia — Navegación simple entre secciones, filtros (año, moneda, banco), gráficos con Chart.js y manejo explícito de loading, error y vacío.
  4. Evolución del producto — El home pasó de ser un hub de links a un briefing con datos en vivo y lecturas cruzadas (brecha blue vs oficial, TNA vs IPC), para dar contexto antes de profundizar.
  5. Calidad y entrega — Tests unitarios, E2E con Playwright, lint/format y pipeline en GitHub Actions; deploy continuo en Netlify.

No hubo un equipo de research formal: las decisiones se basaron en el uso real del contexto argentino, feedback informal y prueba continua de la propia interfaz.

Solución

ValorAr ofrece una SPA en Angular 17 donde el usuario puede:

  • Ver en el home un resumen del día (dólar blue, IPC, mejor TNA) con lecturas interpretativas.
  • Comparar cotizaciones de distintos tipos de dólar con gráficos.
  • Analizar la inflación mensual filtrando por año.
  • Consultar tasas de plazo fijo por entidad.
  • Explorar rendimientos APY por entidad y moneda.

Todo sin registro, con datos de APIs públicas, interfaz responsive y estados de UI consistentes. El stack moderno (standalone, OnPush, signals en un feature piloto, temas de gráficos compartidos) mantiene la app performante y lista para seguir iterando.

Conclusión

El aprendizaje clave fue que, en productos de datos, mostrar números no alcanza: hace falta contexto, jerarquía visual y un punto de entrada que responda “¿qué importa hoy?”. Unificar fuentes, diseñar lecturas simples (brecha, TNA vs inflación) y cuidar estados vacíos/error transformó una colección de vistas en una herramienta usable.

A nivel técnico, el proyecto reforzó Angular moderno, visualización con Chart.js, arquitectura frontend escalable y una cultura de calidad (tests + CI + deploy) aplicable a proyectos reales.