Convertidor de Monedas 🌍💱
Este es un convertidor de monedas interactivo desarrollado con HTML, JavaScript y Materialize, que utiliza la API de Open Exchange Rates para proporcionar tasas de cambio en tiempo real. Es una herramienta intuitiva que permite a los usuarios convertir montos entre diversas monedas de manera fácil y eficiente. Características ✨
Conversión en tiempo real: Convierte montos entre monedas con datos actualizados al instante.
Selección intuitiva: Menús desplegables para seleccionar moneda de origen y destino.
Búsqueda de monedas: Barra de búsqueda interactiva para explorar las monedas disponibles.
Interfaz moderna: Diseño responsivo y atractivo usando Materialize.
Lista dinámica: Vista de todas las monedas disponibles, actualizable con filtros de búsqueda.
Tecnologías Utilizadas 🛠️
Frontend:
HTML5
CSS3 (Materialize framework)
JavaScript (jQuery y manejo DOM nativo)
APIs:
Open Exchange Rates para tasas de cambio y símbolos monetarios.
Bibliotecas adicionales:
Axios para realizar peticiones HTTP.
Materialize para estilos y componentes UI.
Cómo usar el proyecto 🚀 Requisitos previos
Tener acceso a la API de Open Exchange Rates (requiere un API Key).
Conexión a internet para cargar bibliotecas externas y obtener datos actualizados.
Funcionalidades principales
Conversión de montos:
Ingresa un valor en el campo "Monto".
Selecciona la moneda de origen en el menú "Desde".
Selecciona la moneda de destino en el menú "Hasta".
Haz clic en el botón "Convertir" para ver el resultado.
Explorar monedas:
Usa la barra de búsqueda para filtrar entre las monedas disponibles.
Estructura del proyecto 📁
.
├── css/ │ ├── materialize.css # Estilos de Materialize │ ├── style.css # Estilos personalizados ├── js/ │ ├── materialize.js # Funcionalidades de Materialize │ ├── app.js # Lógica principal de la aplicación │ ├── init.js # Inicialización de componentes ├── index.html # Página principal
Licencia 📄
Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más detalles.