📑 Arrastar e Soltar (Drag and Drop)

Um projeto interativo focado na experiência do utilizador (UX), permitindo a organização de elementos de forma visual e intuitiva através da API de Drag and Drop do HTML5.

🚀 Funcionalidades

• Movimentação Livre: Arraste os itens entre a área neutra e as caixas de destino.
• Validação de Sequência: O sistema identifica automaticamente quando a sequência correta (1, 2, 3) é formada.
• Feedback de Interface: Efeitos visuais ao passar um item sobre uma área válida (hover) e ao selecionar um item.
• Mensagem de Sucesso: Notificação visual dinâmica ao concluir o desafio.

🧠 Conceitos Técnicos Utilizados

• HTML5 Drag and Drop API: Implementação de listeners para controlar o fluxo de dados entre elementos.
• Gerenciamento de Estado: Objeto areas que rastreia a posição de cada item em tempo real.
• Manipulação de DOM: Uso de appendChild para mover elementos de forma eficiente entre containers.

🛠️ Tecnologias

• HTML5 (Atributo draggable)
• CSS3 (Transitions e Glassmorphism)
• JavaScript Vanilla (Eventos de Arraste e Lógica de Comparação)

---

👤 Autor

Bruno Machado de Almeida
Desenvolvedor Full Stack Júnior