🪄 Harry Potter – La Magia Comienza

Esta web está inspirada en el universo de Harry Potter, creada como una experiencia mágica para practicar la construcción de una aplicación interactiva. La idea principal es dar vida a un pequeño grimorio digital donde explorar detalles y curiosidades de personajes del mundo mágico, usando herramientas modernas pero con un toque de hechicería.

🎯 Objetivos mágicos

• Invocar una interfaz encantadora y fácil de usar.

• Aprender a manejar hechizos digitales para mostrar personajes mágicos.

• Crear una experiencia que funcione en móviles, tablets y artefactos muggles (ordenadores).

• Organizar encantamientos, componentes y estilos como si fueran ingredientes en un caldero.

🧙‍♂️ Estructura del grimorio

│── /public/             # Varita mágica 
└── /src/                # Donde viven los hechizos y encantamientos principales  
   ├── components/       # Secciones del grimorio (lista, detalle, etc.) 
      ├──layout/
              ├──header.jsx
              ├──footer..jsx
      ├──listing/
              ├── charactersCard.jsx     
              ├── charactersList.jsx 
              ├── form.jsx  
      ├── pages/
              ├── charactersDetailPages.jsx
      ├── styles/       # Pociones de estilo (SCSS/CSS)  
      ├── App.jsx       # Hechizo que conecta toda la magia 
      ├── index.jsx     # Puerta de entrada al mundo mágico  
|__README.md            # Este pergamino  

🔮 Herramientas encantadas utilizadas

• Encantamientos modernos de JavaScript.

• React, para conjurar componentes que se transforman.

• SCSS, perfecto para mezclar pociones de estilo.

• Un toque de HTML5 y estructura organizada como en la biblioteca de Hogwarts.

📱 Diseño adaptable (para magos nómadas)

La web se adapta a diferentes artefactos mágicos:

📱 Móviles : hechizos compactos

💻 Tablets : contenido equilibrado

🖥️ Escritorios muggles : experiencia completa

Cada versión reorganiza sus elementos para que la magia se mantenga clara, legible y elegante.

✨ Hechizos aprendidos por el camino

Durante la creación de esta web mágica aprendí a:

• Organizar contenido encantado usando componentes.

• Crear estilos limpios y armónicos (sin recurrir a magia oscura).

• Conectar datos para mostrar personajes del universo de Harry Potter.

• Mantener la experiencia ligera como un Wingardium Leviosa.

📖 Cómo visualizar el grimorio Conjura Accio para convocar el grimorio:

git clone https://beta.adalab.es/modulo-3-evaluacion-final-susdiaz-sudo/

Seguido de un Epoximise en el navegador donde quieras contemplarlo.

💫 Reflexión final

Este proyecto fue una aventura encantada que me ayudó a profundizar en el arte de crear interfaces mágicas y a mejorar la organización de mi código como si fuera un grimorio real. Aunque su contenido proviene del mundo fantástico de Harry Potter, la estructura y los aprendizajes son un gran punto de partida para futuros hechizos digitales más poderosos.

🧙‍♀️ Autor/a

Creado con 💜 y un toque de magia 🪄 por susdiaz-sudo 🧙‍♀️