Convertidor BCV: app web de dólares a bolívares con la tasa oficial del BCV

Project Gallery

Video demo del Convertidor BCV web: conversión de dólares a bolívares con la tasa oficial del BCV de hoy, cambio de skins y gráfica histórica de la tasa

En Venezuela, revisar la tasa del BCV es parte de la rutina de la mañana. Antes de pagar el mercado, cotizarle a un cliente o mandarle dinero a la familia, necesitas saber cuánto vale hoy un dólar (o un euro) en bolívares según la tasa oficial del Banco Central de Venezuela.

La mayoría de los sitios que te lo dicen son lentos, están llenos de publicidad o parecen diseñados en 2009. Yo ya tenía una versión de escritorio en Python, pero una app de escritorio hay que instalarla, y nadie instala nada para hacer un cálculo de dos segundos en el teléfono.

Así que diseñé la versión web: un convertidor de dólares y euros a bolívares que se abre en una pestaña, muestra la tasa BCV de hoy antes que cualquier otra cosa y convierte mientras escribes.

El problema de diseño

Un convertidor de moneda tiene un solo trabajo, y la gente lo usa con apuro. Eso marcó las prioridades de toda la interfaz:

  1. Primero la tasa. La tasa BCV de hoy es lo más grande de la pantalla, con cuánto se movió en los últimos 30 días justo debajo. La mayoría de las visitas terminan ahí.
  2. Después, convertir. La calculadora está al lado de la tasa, con botones rápidos de 1, 10, 15, 30, 50 y 100, los montos que la gente de verdad consulta, en dólares o en euros.
  3. Todo lo demás es opcional. La gráfica, los ajustes y los botones extra están para quien los quiera, sin estorbarle a quien no.

Decisiones de interfaz

Conversión en vivo. El resultado se actualiza con cada tecla, en las dos direcciones: de USD o EUR a Bs, y de Bs de vuelta. Hay un botón de Convertir para quien espera uno, pero nunca hace falta apretarlo.

Dólar o euro, con un toque. El BCV publica las dos tasas, y mucha gente cobra o cotiza en euros. Un botón en el encabezado cambia toda la app entre dólar y euro: la tasa grande, la calculadora, los montos rápidos y la gráfica. Sin otra página y sin menú desplegable.

Gráfica histórica de la tasa. La tasa en bolívares cambia casi todos los días, así que el número solo no dice mucho. La gráfica de 7, 30 y 90 días muestra la tendencia de un vistazo, y el porcentaje de variación lo pone en palabras simples.

Liquid glass, en tres skins. Paneles translúcidos con brillo suave sobre un degradado oscuro, en tres skins: Fluido (azul), Holograma (tornasol) y Esmeralda (verde). Puedes elegir una, rotarlas automáticamente o que salga una al azar cada vez que abres la página. Es una herramienta, pero no hay razón para que una herramienta se vea triste.

Convertidor de euros a bolívares con la tasa oficial del BCV de 994,04 Bs por euro, en las tres skins lado a lado: Fluido (azul), Holograma (morada) y Esmeralda (verde)

Vista de solo precio. Para quien solo quiere el número, una opción oculta la gráfica y el porcentaje y deja la tasa sola.

Confianza en la interfaz. Un botón opcional de Verificar lleva directo a la página oficial del BCV, para que cualquiera compare el número. Cuando hay dinero de por medio, poder comprobar importa más que verse bonito.

Un toque humano. Cada visita muestra una frase distinta de esperanza y motivación, 38 en total, en español e inglés. No es una función que alguien pidiera. Está porque la gente también revisa el dólar en los días malos.

Cómo funciona

La app no usa frameworks ni necesita compilación: HTML, CSS y JavaScript puro, con Tailwind CSS para el layout.

La primera versión sacaba la tasa de una API de terceros, y ese era el punto débil: cuando el BCV publicaba la tasa nueva en la tarde, la API a veces tardaba horas en actualizarse. Así que ahora la tasa viene de la fuente:

  • Cada 30 minutos, una GitHub Action corre un pequeño script en Node que lee las tasas del dólar y el euro, con su fecha valor, directo de bcv.org.ve.
  • Si la tasa cambió, la guarda en un archivo rates.json y hace commit, y Netlify publica la actualización solo.
  • La página lee ese archivo y DolarApi al mismo tiempo y muestra la más reciente, así que la tasa nueva aparece en cuanto el BCV la publica.
  • El script rechaza cualquier tasa que salte más de 25% respecto a la anterior. Un error de tipeo en la página del BCV no debería convertirse en la tasa de tu teléfono.
  • El histórico de 7, 30 y 90 días viene de DolarApi Venezuela.
  • Si no hay conexión, muestra la última tasa que cargó en lugar de una pantalla vacía.
  • Todos los ajustes se guardan en el navegador, así que el convertidor abre como lo dejaste.
  • Es totalmente responsivo, del teléfono a un monitor grande, y funciona en español e inglés.

Stack

  • HTML, CSS y JavaScript, sin herramientas de compilación
  • Tailwind CSS para el layout, con CSS escrito a mano para los efectos liquid glass y las skins
  • GitHub Actions y Node 20, sin dependencias, para leer la tasa oficial de la página del BCV
  • DolarApi para el histórico de la tasa y como respaldo
  • Netlify para el hosting, con un despliegue nuevo en cada commit

Resultado

Un convertidor BCV gratis que abre rápido, responde de inmediato la única pregunta por la que la gente lo abre, en dólares o en euros, y todavía tiene espacio para una gráfica, tres skins y un poco de personalidad. Guárdalo en tus marcadores o en la pantalla de inicio del teléfono y funciona como una app.

La tasa se lee de la página del BCV, pero igual se recomienda compararla en la página del Banco Central de Venezuela con el botón Verificar, sobre todo justo cuando sale la tasa nueva. Si la app pierde la conexión, el punto de estado del encabezado se pone rojo en lugar de verde.

¿Tienes un proyecto en mente? Trabajemos juntos.