Pitch: 🕹️Apresentando WordQuest: Um Jogo Educacional de Adivinhação Inspirado no Wordle! 🎮
Fala devs!
Tenho o prazer de compartilhar meu mais recente projeto nesta temporada em que estou explorando a criação de jogos interativos com o objetivo educacional.
Link para jogo:Jogo Para quem já quiser ver o video do jogo:Picth
🚀 WordQuest! 🚀
WordQuest é um jogo web emocionante onde os jogadores devem adivinhar palavras com base em categorias específicas. Cada palavra vem com dicas para ajudar e você tem até seis tentativas para acertar a palavra correta.
🛠️ Tecnologias Utilizadas:
- Next.js: Framework de React para desenvolvimento web.
- Prisma: ORM para banco de dados, utilizado com MongoDB.
- MongoDB: Banco de dados NoSQL.
- React: Biblioteca JavaScript para construção de interfaces.
- TailwindCSS: Framework de CSS para estilização rápida e eficiente.
- framer-motion: Biblioteca de animações para React.
🎮 Como Funciona:
- Seleção de Categoria: Escolha uma categoria entre as disponíveis.
- Tentativas: Você tem até 6 tentativas para adivinhar a palavra correta.
- Dicas: Use dicas para ajudar na adivinhação. As dicas são desbloqueadas progressivamente.
- Teclado Interativo: Digite suas suposições e veja o status de cada letra (correta, presente ou ausente).
- Animações: As tentativas são animadas para uma experiência de jogo mais envolvente.
- Modal: Um modal inicial explica as regras do jogo.
💡 Destaques:
- Interface interativa e responsiva.
- Animações fluidas e feedback visual para cada tentativa.
- Sistema de dicas para auxiliar na adivinhação.
- Integração com MongoDB para armazenar dados das palavras e categorias.
🔧 Implementação Técnica:
Utilizei hooks do React como useState
, useEffect
e useCallback
para gerenciar o estado e os efeitos colaterais. O Prisma foi configurado com MongoDB para facilitar a interação com o banco de dados. As animações foram implementadas com framer-motion, proporcionando uma experiência visual atraente.
Sugestão: Da forma que o jogo está agora da pra colocar qualquer conjunto de letras, mesmo que não tenha sentido.
Tem esse repositorio no Github com lista de palavras em português que da pra usar pra filtrar palavras que são reais. https://github.com/fserb/pt-br
Muito interessante o teu jogo, gostei bastante da forma como ele foi implementado e gostei das animações também!
Cara, muito bom. A única coisa que senti falta foi de um contador de chances para encontrar a plavras certa, e um botão para sair da partida.