Logo

Quiz

Imagem
HTMLHTML
CSSCSS
JavaScriptJavaScript
TypeScriptTypeScript
Node.jsNode.js
ReactReact
ChatGPTChatGPT

🤔 Quiz

GitHub stars GitHub forks GitHub issues
Next.js TypeScript React Tailwind CSS OpenAI

A aplicação Quiz é um projeto que combina aprendizado e diversão para quem quer testar seus conhecimentos em desenvolvimento web. A aplicação permite que o usuário escolha entre quatro temas principais: HTML, CSS, JavaScript e React e, com base na escolha, a inteligência artificial gera automaticamente 10 perguntas de multipla escolha que podem ser respondidas para testar os conhecimentos do usuário.

O quiz apresenta perguntas de diferentes níveis de dificuldade, abrangendo conceitos básicos e avançados de cada tecnologia, tornando-o ideal tanto para iniciantes quanto para profissionais experientes. Durante o jogo, o usuário responde às perguntas em um formato de múltipla escolha, com feedback visual imediato para cada resposta. No final, uma pontuação é exibida, indicando o número de acertos e permitindo que o usuário identifique áreas de melhoria.

O projeto Quiz não é apenas um jogo, mas também uma ferramenta de aprendizado poderosa, que ajuda estudantes, desenvolvedores e entusiastas da área a consolidar seus conhecimentos de forma prática e divertida.

🖥️ Como rodar este projeto 🖥️

Requisitos:

Execução:

  1. Clone este repositório:

    git clone https://github.com/portfolio-projetos-dev/quiz

  2. Acesse o diretório do projeto:

    cd quiz

  3. Instale as dependências:

    npm install

  4. Inicie o servidor (Next.js):

    npm run dev

  5. Configure as variáveis de ambiente:

    Será necessário criar um arquivo .env com as mesmas variáveis de ambiente listadas no arquivo .env.example na pasta raiz da aplicação e preencher esse arquivo com as variáveis de ambiente correspondentes.

  6. Acesse o projeto em http://localhost:3000.

🗒️ Features do projeto 🗒️

  • Geração dinâmica de perguntas por IA com base no tema escolhido (HTML, CSS, JavaScript ou React).
  • Quiz com 10 perguntas por rodada.
  • Formato de perguntas em múltipla escolha para facilitar a interação.
  • Exibição de pontuação final ao término do quiz.
  • Rejogabilidade ilimitada com novas perguntas geradas a cada rodada.

💎 Links úteis 💎