8000 GitHub - PedroBNe/termo-educativo
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

PedroBNe/termo-educativo

Repository files navigation

Jogo de Palavras Educativo

Este é um jogo de palavras interativo desenvolvido com Next.js, TypeScript, Tailwind CSS e funcionalidades de teclado virtual utilizando react-simple-keyboard. O objetivo do jogo é ajudar os usuários a aprender e se divertir ao adivinhar palavras com base em dicas.

Funcionalidades

  • Teclado Virtual: Interface interativa para inserir as letras das palavras.
  • Dicas: Cada palavra possui uma dica para ajudar o jogador.
  • Feedback Visual: Indicação de letras corretas com destaque em verde.
  • Confetes e Parabéns: Animações de confetes e mensagens de parabéns ao acertar.
  • Sistema de Fases: Possibilidade de avançar para a próxima palavra ao acertar a atual.
  • Design Responsivo: Layout estilizado com Tailwind CSS, adaptável para diferentes dispositivos.

Tecnologias Utilizadas

  • Next.js: Framework React para renderização do lado do servidor e aplicações modernas.
  • TypeScript: Superset do JavaScript para melhor tipagem e segurança.
  • Tailwind CSS: Biblioteca de estilos utilitários para design moderno e responsivo.
  • react-simple-keyboard: Biblioteca para teclado virtual interativo.
  • react-confetti: Biblioteca para animações de confetes.
  • HTML5 & CSS3: Elementos básicos para estrutura e design.

Pré-requisitos

  • Node.js versão 16 ou superior.
  • npm ou yarn para gerenciar pacotes.

Instalação e Configuração

  1. Clone o repositório:
    git clone https://github.com/PedroBNe/termo-educativo.git
    cd jogo-de-palavras
    
  2. Instale as dependências:
    npm install
    
  3. Inicie o servidor de desenvolvimento:
    npm run dev
    
  4. Inicie o servidor de desenvolvimento:
    npm run dev
    
  5. Acesse no navegador:
    http://localhost:3000
0