AluraQuiz - Ice Skating

Seja bem vindo ao projeto do AluraQuiz!

Sobre

Projeto desenvolvido durante a irmersão React Nextjs (2021) da Alura de uma página de quiz que também consome a API de outros quizes.

Utiliza conceitos do desenvolvimento web FrontEnd. Os dados do quiz estão armazenados em um arquivo JSON.

Na página inicial, depois que o usuário digita o nome, o botão para iniciar o quiz é habilitado.

É mostrado o total de perguntas do quiz e qual a pergunta atual. O botão de confirmar resposta e ir para a próxima pergunta só é liberado após umas das alternativas de resposta ser escolhida. Se o usuário escolher a alternativa correta, ela é sinalizada com verde e com a mensagem 'Você acertou!'. Senão, a alternativa errada é sinalizada com vermelho e com a mensagem 'Você errou!'.

No final, é mostrado uma tela de resultado com o total de acertos e quais perguntas o usuário acertou e errou.

Tecnologias

• NextJS
• ReactJS
• styled-components
• prop-types
• framer-motion

Preview

Mobile

Como usar

Pré-requisitos

• Git
• Node.js
• Yarn

Rodando a aplicação localmente

# Clone este repositório
$ git clone https://github.com/tamyrisoliveira/alura-quiz.git

# Acesse a pasta do projeto no terminal/cmd
$ cd alura-quiz

# Instale as dependências
$ npm install

ou

$ yarn install

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

ou

$ yarn dev

# O servidor inciará na porta:3000 - acesse <http://localhost:3000>

Instrutores

Mario Souto

Juliana Amoasei

Paulo Silveira

Licença

Esse projeto está sob a licença MIT