La aplicación "Tasas de Cambio de Divisas" es una plataforma interactiva que permite a los usuarios consultar las tasas de cambio actuales de diferentes monedas frente al dólar estadounidense. La aplicación ofrece una búsqueda rápida por código de moneda, mostrando la tasa de cambio correspondiente en una tabla organizada y visualmente atractiva.
Desarrollada en HTML, CSS y JavaScript puro, esta aplicación es ligera y fácil de usar, sin necesidad de dependencias externas.
- Visualización en tiempo real: Muestra una tabla con las tasas de cambio actualizadas de diversas monedas.
- Búsqueda rápida: Permite buscar monedas mediante su código (ej. USD, EUR, JPY).
- Interfaz responsiva: Se adapta a diferentes tamaños de pantalla (desktop, tablet, móvil).
- Interactividad avanzada: La tabla es interactiva, permitiendo filtrar y ordenar las tasas de cambio según las preferencias del usuario.
- HTML: Estructura básica de la página web.
- CSS: Estilos que mejoran la apariencia visual y garantizan un diseño responsivo.
- JavaScript: Lógica para la búsqueda y manipulación dinámica de la tabla.
- API (futura integración): Actualmente, las tasas se simulan estáticamente. En versiones futuras, se podrá integrar con APIs públicas como Exchangerate API o Fixer API para obtener tasas en tiempo real.
/tasas-cambio
├── index.html # Página principal
├── style.css # Estilos de la aplicación
├── script.js # Lógica de JavaScript
├── /images # Carpeta con imágenes usadas en el proyecto (si es necesario)
├── /assets # Archivos de recursos adicionales (fuentes, iconos, etc.)
└── README.md # Este archivo README
-
Clonar el repositorio: Puedes clonar el repositorio usando
git:git clone https://github.com/JUANCITOPENA/Divisas_Cambio_app.git
-
Abrir la aplicación en tu navegador:
- Dirígete a la carpeta donde clonaste el repositorio.
- Abre el archivo
index.htmlen tu navegador favorito.
- La aplicación no depende de ninguna librería externa como jQuery o frameworks como React; todo el código está escrito en HTML, CSS y JavaScript puro.
- El título y la imagen se encuentran en un contenedor adaptado a diferentes tamaños de pantalla.
- Un campo de búsqueda permite filtrar las monedas por su código.
- Una tabla dinámica presenta las tasas de cambio, actualizándose en tiempo real según la búsqueda.
- La lógica está implementada en JavaScript puro. Al escribir un código de moneda, la tabla se filtra automáticamente.
- Se utiliza el evento
keyuppara capturar las entradas del usuario y actualizar la tabla.
Aunque actualmente no se utiliza una API externa para obtener tasas en tiempo real, puedes integrar una API siguiendo estos pasos:
- Regístrate en Exchangerate API o Fixer.io para obtener tu clave API.
- Realiza una solicitud desde
script.jspara obtener las tasas actualizadas.
Ejemplo básico para hacer la solicitud:
fetch('https://v6.exchangerate-api.com/v6/YOUR_API_KEY/latest/USD')
.then(response => response.json())
.then(data => {
console.log(data); // Muestra las tasas de cambio
})
.catch(error => console.error('Error fetching data:', error));Recuerda reemplazar YOUR_API_KEY por tu clave obtenida.
- Integración con API: Obtener tasas en tiempo real.
- Soporte ampliado para más monedas: Ampliar la lista disponible.
- Gráficos interactivos: Visualizar la evolución histórica de las tasas.
- Historial de tasas: Permitir ver el historial para diferentes monedas.
Si deseas contribuir a este proyecto, sigue estos pasos:
- Haz un fork del repositorio.
- Crea una nueva rama (
git checkout -b feature/mi-feature). - Realiza tus cambios y asegúrate que todo funcione correctamente.
- Haz un commit (
git commit -am 'Añadir nueva funcionalidad'). - Envía un pull request.
Este proyecto está bajo la Licencia MIT - consulta el archivo LICENSE para más detalles.
¡No olvides suscribirte, darle like y compartir este video! 🌟 Tu apoyo es fundamental para seguir creando contenido de calidad. También me encantaría leer tus comentarios, ¡así que déjalos abajo! 💬💚
Conéctate conmigo en mis redes sociales para más contenido y actualizaciones: