🌍 Proyecto Around the U.S.
Este proyecto forma parte del sprint 7 del programa de Desarrollo Web en TripleTen. Se trata de una página web estática desarrollada con HTML, CSS y JavaScript, basada en un diseño proporcionado a través de Figma. El sitio representa un perfil personal y una galería temática de lugares alrededor de los EE.UU., con enfoque en diseño limpio, responsivo y editable por el usuario.
🌐 Proyecto desplegado
Puedes ver el proyecto funcionando en GitHub Pages aquí:
👉 https://diegoyuki.github.io/web_project_around/
✨ Características principales
- HTML5 semántico para estructura accesible y clara.
- CSS modular y organizado por bloques.
- Metodología BEM utilizada para el nombrado de clases.
- Diseño completamente responsivo para dispositivos móviles, tablets y pantallas grandes.
- Uso de Flexbox y CSS Grid para distribución del contenido.
- Tipografía personalizada con la fuente Inter.
- Funcionalidad en JavaScript para editar el nombre y la biografía del usuario mediante un modal.
- Botón de “like” con comportamiento interactivo y cambio de ícono.
- Efectos visuales como hover, sombras y transiciones suaves.
🧱 Tecnologías utilizadas
- HTML5
- CSS3
- Flexbox
- CSS Grid
- JavaScript (ES6)
- Git & GitHub
- GitHub Pages
- Figma (como fuente del diseño base)
📁 Estructura del proyecto
El proyecto está estructurado en carpetas de forma modular: