La creación de esta aplicación para el cambio de divisas surge de la necesidad de contar con información actualizada de manera centralizada. Ante la constante fluctuación de los mercados financieros, resulta fundamental disponer de precios precisos y en tiempo real para realizar conversiones de divisas con confianza.
La aplicación se encuentra en inglés, ya que al ser un conversor de divisas está pensado en un público más internacional.
Para desarrollo fueron utilizadas las siguientes tecnologías:
- Nodejs en su versión 20.1.0
- Boostrap en su versión 5.3.2
- Boostrap icons en su versión 1.11.2
- React en su versión 18.2
A continuación se presenta las instrucción para correr el software de manera local, seguir los pasos en orden y sin saltarse ninguno
-
Obtener una Api gratuita en FreeCurrencyApi
-
Clonar el Repositorio
git clone https://github.com/rcuevaspantoja/currency-converter.git
-
Instalar los paquetes necesarios
npm install
-
Crear un archivo para colocar la Api. Colocar el archivo en la raíz y con el siguiente nombre
.env.local
VITE_APIKEY = " Tu Api aquí :-) ";
-
Ejecutar
npm run dev
Si la consola se ve así es porque fue todo un éxito. Ahora puedes abrirla en el navegador accediendo la ruta en local o haciendo la combinación de teclas O + Enter.
La aplicación es simple e intuitiva de usar, tiene 2 SelectBox los cuales permiten seleccionar la divisa de origen y la de destino, junto con un botón para cambiarlas de orden. Seguido de un Input para colocar la cantidad de la divisa de origen a convertir. Para terminar, apartado de resultado cuenta con un SelectBox que permite modificar el formato de salida de la respueta ya sea: truncando, aproximando o entregando el valor exacto y posee un botón en la esquina derecha para copiar el resultado obtenido en el portapapeles.
- Selección de monedas de la Api
- Ingresar cantidad a convertir
- Cálculo de conversión
- Visualización de resultados
- Interfaz Responsiva
Enlace del proyecto - https://github.com/rcuevaspantoja/currency-converter