Producto · Web App · 2026 Product · Web App · 2026

Cartera Tracker

Toda tu cartera de inversión, viva y en un vistazo. Your entire investment portfolio, live and at a glance.

Ver en vivo View live ↗ Todos los datos mostrados son de demostración. All data shown is for demonstration purposes.

RolRole

Diseño & desarrolloDesign & dev

TipoType

App webWeb app

Stack

JS · Firebase

EstadoStatus

DesplegadoDeployed

Qué What it es is 01

Cartera Tracker es una aplicación web para seguir carteras de inversión: acciones, ETFs, divisas y criptomonedas en un único panel. Calcula el valor total, el beneficio o pérdida (P&L) realizado y no realizado, el reparto por sectores y el nivel de concentración y riesgo de la cartera. Cartera Tracker is a web app for tracking investment portfolios: stocks, ETFs, currencies and crypto in a single dashboard. It computes total value, realized and unrealized profit/loss (P&L), sector distribution, and the portfolio's concentration and risk levels.

La idea era tener una herramienta propia, sin las limitaciones de las apps de bróker: con análisis de riesgo automático, una vista de simulación para planear operaciones antes de ejecutarlas, y precios actualizados en tiempo real desde APIs de mercado. The goal was to build a personal tool, free from the limitations of broker apps: automatic risk analysis, a simulation view to plan trades before executing them, and real-time prices pulled from market APIs.

Seis Six vistas views 02

Resumen

Vista de un vistazo: valor total y P&L global con color, métricas clave (invertido, líquido, concentración top 3, riesgo especulativo, sectores activos), gráfico de distribución por sector y top ganadoras / perdedoras. The at-a-glance view: total value and global P&L with color, key metrics (invested, liquid, top-3 concentration, speculative risk, active sectors), sector distribution chart and top winners / losers.

Hoy

El rendimiento de la sesión: cuánto sube o baja la cartera hoy, cuántas posiciones están en verde y en rojo, el mejor y el peor del día, y el detalle posición por posición. The session's performance: how much the portfolio is up or down today, how many positions are green and red, the best and worst of the day, and a position-by-position breakdown.

Posiciones

Gestión completa: posiciones activas, cerradas y todas, con valor, P&L, peso y coste medio. Cada una editable o vendible al tocarla. Importar posiciones y añadir nuevas manualmente. Full management: active, closed and all positions, with value, P&L, weight and average cost. Each editable or sellable on tap. Import positions and add new ones manually.

Historial

El registro de operaciones: total de compras y ventas, capital movido y P&L realizado, con desglose acumulado por ticker y la lista completa de transacciones en vista de cards, lista o tabla. The trade log: total buys and sells, capital moved and realized P&L, with accumulated breakdown by ticker and the full transaction list in cards, list or table view.

Análisis

La radiografía: evolución temporal de la cartera (no realizado, realizado y total) con rangos de 30 días a desde inicio, más gráficos de P&L por sector y por posición. The breakdown: the portfolio's evolution over time (unrealized, realized and total) with ranges from 30 days to since inception, plus P&L charts by sector and by position.

Simular

El modo más potente: activa SIM y toda la cartera se recalcula en tiempo real. Añade compras o ventas hipotéticas con ticker, sector y tesis, ve el impacto, y aplica los cambios a la cartera real cuando quieras. The most powerful mode: enable SIM and the whole portfolio recalculates in real time. Add hypothetical buys or sells with ticker, sector and thesis, see the impact, and apply changes to the real portfolio whenever you want.

Cómo está How it's hecho built 03

Frontend

Aplicación construida en HTML, CSS y JavaScript, con una interfaz de pestañas para las cuatro vistas y componentes de gráficos para la visualización de datos. Built with HTML, CSS and JavaScript, with a tabbed interface for the four views and chart components for data visualization.

Datos en vivo

Precios de mercado en tiempo real obtenidos desde APIs financieras (Yahoo Finance, Finnhub), servidas a través de un Cloudflare Worker propio que actúa como proxy para evitar restricciones CORS y ocultar las claves. Real-time market prices fetched from financial APIs (Yahoo Finance, Finnhub), served through a custom Cloudflare Worker acting as a proxy to bypass CORS restrictions and hide API keys.

Persistencia

Los datos de la cartera se guardan y se restauran automáticamente al recargar, de modo que el estado de la cartera persiste entre sesiones. Portfolio data is saved and automatically restored on reload, so the portfolio state persists across sessions.

Despliegue

Alojado en Cloudflare Pages, con el Worker desplegado en la misma infraestructura para mantener todo el stack en un solo proveedor. Hosted on Cloudflare Pages, with the Worker deployed on the same infrastructure to keep the whole stack with a single provider.