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.