🧠 Memolândia | Gamificação e Desenvolvimento Cognitivo

🎮 Jogo Educacional de Estímulo Cognitivo

---

📌 Sobre o Projeto

A Memolândia é um jogo educacional interativo desenvolvido para estimular habilidades cognitivas através da gamificação.

O projeto apresenta uma experiência de aprendizado baseada em associação visual, onde o jogador precisa encontrar pares entre símbolos, emojis e palavras.

A aplicação foi criada com foco em tornar o aprendizado mais divertido, intuitivo e acessível, utilizando elementos de jogos para incentivar memória, atenção e concentração.

---

🎯 Objetivo Pedagógico

A Memolândia tem como objetivo estimular:

• 🧠 Memória visual
• 🎯 Atenção e concentração
• 🔗 Associação de conceitos
• 📚 Desenvolvimento de vocabulário
• 🧩 Raciocínio lógico
• 👀 Percepção visual

O projeto utiliza a gamificação como ferramenta de apoio ao aprendizado, transformando uma atividade cognitiva em uma experiência interativa.

---

🎮 Como Funciona

O jogador deve encontrar os pares correspondentes no tabuleiro.

Exemplo:

🐶 → Cachorro

🍎 → Maçã

⭐ → Estrela

Durante a partida:

1. As cartas começam ocultas.
2. O jogador seleciona duas cartas.
3. O sistema verifica se existe uma correspondência.
4. Caso o par esteja correto, as cartas permanecem abertas.
5. Caso contrário, elas retornam ao estado inicial.
6. Ao encontrar todos os pares, o jogador recebe uma conquista.

---

🚀 Funcionalidades

🎴 Sistema de Memória

• Embaralhamento automático das cartas
• Cartas com animação 3D
• Sistema de descoberta de pares
• Bloqueio durante validação
• Reinício de partida

---

🎉 Feedback e Gamificação

O projeto utiliza elementos de gamificação para melhorar a experiência:

• Confetes ao encontrar pares
• Confete especial ao finalizar o jogo
• Animações de sucesso
• Feedback visual imediato

---

🎯 Controle de Movimentos

O jogo possui:

• Contador de movimentos em tempo real
• Registro da quantidade de tentativas
• Resultado final apresentado no modal de conclusão

---

🏆 Modal de Vitória

Ao concluir o desafio, o jogador recebe:

• Mensagem de conquista
• Quantidade de movimentos realizados
• Habilidades cognitivas estimuladas
• Opção de iniciar uma nova partida

---

🎨 Interface e UX/UI

A interface foi desenvolvida seguindo princípios de experiência do usuário:

Características:

• Layout limpo e organizado
• Interface intuitiva
• Poucos elementos na tela
• Cores amigáveis
• Animações suaves
• Design responsivo

A proposta visual é proporcionar uma experiência simples e agradável para crianças e educadores.

---

🚀 Como Utilizar

📥 Clonar o Projeto

Primeiro, faça o clone do repositório:

git clone https://github.com/FelipeBritoSP10/memolandia-educational-game

Acesse a pasta do projeto:

cd memolandia-educational-game

---

▶️ Executando o Projeto

Como a Memolândia é uma aplicação Front-end desenvolvida com HTML, CSS e JavaScript puro, não é necessário instalar dependências.

Basta abrir o arquivo:

index.html

diretamente no navegador.

---

🌐 Executar com Servidor Local (Opcional)

Para uma melhor experiência de desenvolvimento, recomenda-se utilizar um servidor local.

Utilizando o VS Code

Instale a extensão:

Live Server

Depois:

1. Abra o projeto no VS Code.
2. Clique com o botão direito no arquivo index.html.
3. Selecione:

Open with Live Server

4. O jogo será aberto automaticamente no navegador.

---

🎮 Como Jogar

1. Clique em uma carta para revelar o elemento.
2. Escolha uma segunda carta.
3. O sistema irá verificar se existe uma correspondência.
4. Encontre todos os pares para finalizar o desafio.
5. Complete a partida e receba sua conquista. 🏆

---

💻 Requisitos

Para executar o projeto, você precisa apenas de:

• 🌐 Navegador moderno
• 💻 Editor de código (opcional)
• 🔌 Conexão com internet para carregar bibliotecas externas

---

🌎 Navegadores Compatíveis

O projeto funciona nos principais navegadores:

• Google Chrome
• Microsoft Edge
• Mozilla Firefox
• Safari

🛠️ Tecnologias Utilizadas

🌐 Desenvolvimento Web

---

🎨 Interface e Design

---

🎮 Gamificação

• 🧠 Sistema de associação de conceitos.
• 🎯 Desafio de memória e concentração.
• 🎉 Feedback visual através de animações e confetes.

---

🎊 Biblioteca

• 🎉 Biblioteca utilizada para criar efeitos de celebração.
• 🏆 Feedback visual ao encontrar pares e concluir a partida.

---

📂 Estrutura do Projeto

memolandia/

│
├── index.html
│
├── styles/
│   └── style.css
│
├── js/
│   └── script.js
│
└── README.md

---

🧩 Arquitetura da Aplicação

O funcionamento do jogo segue o fluxo:

Inicialização
      ↓
Embaralhamento das cartas
      ↓
Renderização do tabuleiro
      ↓
Usuário seleciona carta
      ↓
Usuário seleciona segunda carta
      ↓
Comparação dos pares
      ↓
Par correto?
      ↓
Sim → Mantém cartas abertas + Feedback
      ↓
Não → Fecha cartas novamente
      ↓
Todos os pares encontrados?
      ↓
Modal de conclusão

---

📱 Responsividade

O projeto foi desenvolvido para funcionar em:

• 💻 Desktop
• 📱 Smartphones
• 📲 Tablets

Utilizando:

• Bootstrap Grid
• Media Queries
• Layout adaptável

---

🎓 Aplicações Educacionais

A Memolândia pode ser utilizada em:

• Atividades escolares
• Projetos de alfabetização
• Oficinas de tecnologia
• Ambientes educacionais
• Demonstrações de gamificação
• Projetos acadêmicos

---

🔮 Próximas Evoluções

⭐ Sistema de Pontuação

Adicionar:

• Pontos por acerto
• Bônus por velocidade
• Melhor desempenho

---

🎮 Sistema de Fases

Criar níveis de dificuldade:

Fase 1
- Poucas cartas

Fase 2
- Mais cartas

Fase 3
- Maior dificuldade

Fase 4
- Tempo limitado

---

🔊 Experiência Multissensorial

Adicionar:

• Sons de acerto
• Sons de erro
• Efeitos sonoros de conquista
• Narração educativa

---

📚 Novas Categorias Educativas

Adicionar novos conteúdos:

• 🐾 Animais
• 🍎 Frutas
• 🔤 Letras
• 🔢 Números
• 🎨 Cores
• 🚗 Transportes
• 🌎 Natureza

---

🏆 Sistema de Conquistas

Criar recompensas:

• 🥉 Primeira Vitória
• 🥈 Explorador da Memória
• 🥇 Mestre da Memória
• ⭐ Desafio Completo

---

👨‍💻 Desenvolvimento

Projeto desenvolvido com foco em:

• Desenvolvimento Front-end
• Educação digital
• Gamificação
• UI/UX
• Experiência interativa

---

📄 Licença

Este projeto foi desenvolvido com o propósito de promover o desenvolvimento cognitivo e a acessibilidade digital. Sua arquitetura é aberta e dedicada ao suporte de usuários que buscam aprimorar habilidades de memória e percepção através de uma interface de alta performance.

Termos de Propósito:

• Foco Social: Este software foi concebido para atuar como uma ferramenta de apoio educacional, otimizada para o aprendizado e o reforço cognitivo.

• Elite Engineering: O código reflete um padrão rigoroso de qualidade, mantendo a transparência e a eficiência para garantir que a tecnologia sirva, acima de tudo, a quem precisa de suporte no desenvolvimento de competências mentais.

• Uso Aberto: Convidamos à utilização, inspeção e implementação desta ferramenta por qualquer pessoa ou instituição que compartilhe do compromisso de transformar a tecnologia em um meio de inclusão e auxílio cognitivo.