🌀 Meta Quiz Imersão React

Este é um Quiz feito na Imersão React v2 da Alura sobre a própria Imersão React v2.
Um meta-quiz!

Confira o resultado https://meta-quiz-imersao-react.markkop.vercel.app/

Features

• ⚛️ Atomic Design:
  O projeto foi estruturado com Atomic Design para suas pastas e arquivos.

• 🏆 Scoreboard:
  Todas as submissões do Quiz são salvas no AirTable e retornadas no final do Quiz em um placar de pontuação!

• ⏩ Short Mode:
  Ao passar &short=true como parâmetro na página de Quiz, apenas a primeira pergunta do db será utilizada.
  Útil para testar a tela de resultados ;D

• 📏 Progress Bar:
  Juntando Styled Components com Framer Motion deu pra fazer uma barra de progresso bem daora 8)

Bibliotecas Usadas

• ReactJS e NextJS - para a interface, API e deploy
• Styled Components - para estilização
• Framer Motion e Lottie React - para efeitos e animações
• Deployment Badge - para aparecer o badge de deploy no README (tutorial)

Desenvolvimento

Com NodeJS instalado:

# Clone este repositório
git clone https://github.com/Markkop/meta-quiz-imersao-react

# Instale as dependências
cd meta-quiz-imersao-react
npm install

# Copie e altere o .env
cp .env.local.example .env.local
code .env.local

# Depois de codar rode
npm run lint

# Para fazer o deploy, basta dar um push
git checkout -b <branch name>
git add .
git commit -m "<commit name>"
git push origin <branch name>

Deploy

O deploy é feito automaticamente com o conteúdo na branch main pelo GitHub Actions integrado ao Vercel.
Mais fácil que isso... acho que nem tem como