Quiz em Next.js

Ver demo

Desenvolvi esse quiz durante a imersão da Alura sobre Next.js. O tema era customizavel, então optei por fazer sobre Node.js. Adicionei mais coisas do que foi ensinado no curso como as respostas comparadas a resposta certa, Typescript, ajustes no css entre outras coisas.

Tecnologias

• Back-end:
  • Criado um arquivo JSON de configuração para compartilhar as perguntas/temas/cores entre os alunos.
• Front-end:
  • HTML
  • Styled Components(Css-in-js)
  • Next.js/React
  • Framer-Motion(Movimentos)
  • Lottie(Animações)

🚀 Rode no seu computador!

1: Clone o repositorio

git clone https://github.com/rafapignataro/quiz_nextjs.git

2: Instale as dependências

Com o cmd aberto, utilize cd para entrar no repositorio

cd quiz_next

No projeto utilize npm install ou yarn install

yarn install

3: Alterar algumas configurações

No arquivo "db.json" é possível mudar as cores, as perguntas, titulo e muito mais. É um arquivo que gerencia o quiz inteiro.

4: Rode o projeto

Para rodar, ainda no cmd, no diretório do projeto, digite:

yarn start

5 Agora é só acessá-lo via web:

• http://localhost:3000