Proyecto
Clon Web FC Barcelona
Clon web responsive del FC Barcelona desarrollado con HTML, CSS y JavaScript, que recrea su interfaz y estructura mediante secciones de jugadores, noticias, partidos, títulos, historia, estadio y diferentes equipos del club.
Clon Web FC Barcelona es un proyecto web inspirado en la página oficial del FC Barcelona, desarrollado con HTML5, CSS3 y JavaScript con el objetivo de practicar la creación de interfaces modernas, responsive y organizadas. El proyecto recrea la experiencia visual y de navegación de un sitio deportivo profesional, incorporando diferentes secciones relacionadas con el club, sus equipos, jugadores, historia y competiciones.
La página principal cuenta con una navegación estructurada, un hero principal, una cabecera fija que adapta su apariencia al hacer scroll y un menú con submenús desplegables. Además, el diseño está preparado para adaptarse a diferentes tamaños de pantalla, incluyendo dispositivos móviles.
El proyecto contiene diferentes páginas informativas, entre ellas la plantilla actual de jugadores, perfiles individuales, leyendas del club, noticias, próximos partidos, resultados, clasificación, títulos, historia, estadio, entradas y membresías. También incluye apartados dedicados al equipo femenino, al baloncesto y al Barça Atlètic, creando una experiencia bastante completa alrededor del universo deportivo del club.
A nivel técnico, HTML5 se utiliza para construir la estructura de las páginas, CSS3 para definir el diseño visual, estilos responsive, animaciones y componentes reutilizables, mientras que JavaScript se encarga principalmente de las interacciones generales, como el comportamiento del menú, la navegación y los cambios de la cabecera.
La estructura del proyecto se encuentra organizada en carpetas como assets, pages, styles y scripts, facilitando la separación entre recursos visuales, páginas HTML, hojas de estilo y funcionalidades JavaScript. También se realizó una reorganización y normalización de nombres para mejorar la claridad y el mantenimiento del código.
En conjunto, el proyecto representa una práctica de desarrollo frontend centrada en la maquetación web, diseño responsive, navegación entre múltiples páginas, organización de recursos y creación de una interfaz deportiva moderna, tomando como referencia visual la identidad y estructura del sitio del FC Barcelona.