Skip to content

rafapignataro/quiz_nextjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quiz em Next.js

Screenshot 2021-02-01 103022

Linkedin

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:

Releases

No releases published

Packages

No packages published