El último precio negociado sirve como orientación, pero puede estar desactualizado si el mercado tiene poco volumen.
Aplicación · Angular · FastAPI · CCXT
Comparador de precios de criptomonedas
Aplicación separada para consultar exchanges, pares, ticker, bid/ask y comparación de precios desde la API publicada.
¿Qué puedes hacer en esta aplicación?
Esta herramienta permite consultar información de mercado de criptomonedas desde una API propia conectada a varios exchanges. Puedes ver qué mercados están disponibles, explorar pares de trading, consultar el ticker de un símbolo y comparar el precio de un mismo activo entre distintos exchanges.
La aplicación está pensada como una herramienta de consulta, análisis y aprendizaje. No ejecuta operaciones de compra o venta, sino que muestra información agregada para entender mejor cómo integrar Angular con una API real y cómo representar datos financieros en una interfaz clara.
Cómo utilizarla
- Actualiza los exchanges
Pulsa el botón para cargar los exchanges disponibles desde la API. - Selecciona los mercados
Marca uno o varios exchanges para utilizarlos en la comparación. - Busca un par
Elige un exchange, escribe un símbolo como BTC/USDT o ETH/USDT y consulta los pares. - Consulta los datos
Puedes ver el ticker, el bid/ask y comparar precios entre exchanges.
Esta aplicación tiene un enfoque didáctico y técnico. Las diferencias de precio entre exchanges no implican una oportunidad de arbitraje real, ya que intervienen comisiones, liquidez, slippage y tiempos de ejecución.
Esta página también funciona como ejemplo de integración frontend: un backend FastAPI normaliza datos de exchanges, Angular gestiona estados de carga y error, y la tabla permite comprobar si varios mercados informan precios similares para el mismo par. Para la implementación, continúa con el artículo técnico de la API.
Cómo leer los datos de mercado
La distancia entre bid y ask suele ser más informativa que el último precio cuando se compara calidad de ejecución.
Conviene comprobar si el dato devuelto es reciente. Dos exchanges pueden parecer distintos simplemente porque una respuesta es más antigua.
Una diferencia de precio solo es relevante después de considerar comisiones, liquidez, costes de transferencia y límites de retirada.
Consulta interactiva
Exchanges disponibles
Recupera los exchanges soportados por la API y selecciona cuáles quieres usar en la comparación.
Pares por exchange
Comparador entre exchanges
Introduce un símbolo y compara su precio en los exchanges seleccionados. Los resultados válidos se ordenan de menor a mayor precio para detectar rápidamente dónde está más barato comprar.
Checklist para producción
Responsabilidad del frontend
Mantener visibles estados de carga, estados vacíos y errores por exchange. Una tabla financiera no debería fallar en silencio ni mezclar respuestas antiguas y nuevas sin avisar.
Responsabilidad del backend
Cachear catálogos estables, proteger credenciales, normalizar respuestas de proveedores y exponer timestamps para que Angular pueda decidir si un resultado sigue siendo útil.
Esta app está separada del artículo técnico a propósito. La app cubre la intención práctica, mientras que el artículo de arquitectura explica cómo se organiza la API.