🌐 Proyecto Web - Consumo de API, diseño resposivem display flex y formulario de contacto con validaciones
Este es un proyecto web desarrollado de forma individual como parte del segundo parcial de Diseño Web. El objetivo principal es crear una página de contacto funcional, accesible y visualmente clara, que integre datos dinámicos desde una API pública.
🧑💻 Autor
Nombre: Nasif Yair
Rol: Desarrollador único
Responsabilidades:
- Maquetado HTML semántico
- Estilos CSS modulares y responsivos
- Validación de formularios
- Consumo de API con JavaScript
- Manejo de datos con
localStorage - Separación de lógica por página (
index.js,contact_script.js)
📄 Descripción del Proyecto
El sitio cuenta con tres páginas principales:
index.html: Muestra tarjetas de países con información obtenida desde una API.contact_us.html: Formulario de contacto validado, con selección de país obtenida de la misma API.about_us.html: Página informativa sobre el desarrollo, decisiones de diseño y detalles técnicos.
🌍 API Utilizada
Se utiliza la API pública de REST Countries para obtener:
- Nombre común del país
- Capital
- Región
- Población
- Bandera
- Código ISO (
cca2)
Los datos se almacenan en localStorage para reutilizarse en distintas páginas.
🛠️ Tecnologías
- HTML5 semántico
- CSS3 con flexbox y media queries
- JavaScript moderno (
fetch,localStorage, validaciones)