📋 Indíce

• Proposta
  • O desafio
    • Requisitos não funcionais
    • Requisitos não obrigatórios
• Screenshots
• Links
• Feito com
• Pré-requisitos
• Procedimentos de instalação
• Autor

🚀 Proposta

Desafio da mentoria CSV para praticar conforme um desafio prático de processo seletivo.

A Abordagem é escolhar um desafio e completá-lo em 7 dias.

Data inicial: 14/12/2021

Data final: 20/12/2021

🏆 O desafio

Imagine que você foi contratado para desenvolver uma aplicação WEB para responder questionários de perguntas sobre conhecimentos gerais.

Ao acessar a página, o usuário deve escolher a quantidade de perguntas que deseja responder.

Após escolher, deve aparecer uma página com dois botões, “Start” e “Cancel”. Ao selecionar “Cancel”, deve retornar para escolher a quantidade. Ao selecionar “Start” deve fazer requisição na URL disponibilizada, pegar as perguntas e a cada pergunta, deve exibir as respostas.

O usuário deve escolher uma resposta e a cada resposta deve contabilizar quantidade de acertos e erros. Ao final, deve vir um relatório com a quantidade de acertos e erros e uma lista de cada questão e qual foi certo e qual foi errado.

Nessa lista também deve aparecer a resposta escolhida e a resposta correta. A pontuação deve ser guardada em no localStorage. Na primeira página e se houver um questionário salvo no localStorage, deve ter a possibilidade de rever o relatório.

🎯 Requisitos não funcionais

É obrigatório a utilização de:

• React
• Material UI
• URL para gerar as questões através do link: https://opentdb.com/api.php?amount=QUANTIDADE.
• LocalStorage para armazenar dados
• Git para versionamento
• Github para armazenar o projeto.

📌 Requisitos não obrigatórios

Você será bem avaliado se usar

• Context API
• Axios
• Hooks
• Formik
• testes de comportamento
• realizar um deploy em algum link.

Além disso, vamos dar uma atenção maior quando demonstrar uma boa apresentação de design e uso de design patterns (como services, repositories, factories, builders e etc)

📸 Screenshots

📱 Mobile design

📱 Tablets design

🖥️ Desktop design

chart_with_upwards_trend result of my work

✔️ Links

• My figma design: Figma

🛠 Feito com

• Mobile-first workflow
• React
• Styled components
• Axios
• Formik
• Yup
• Sweetalert2
• Material UI
• React router dom

☑️ Pré-requisitos

• Editor de código de sua preferência (recomendado VS code)
• Git
• Gerenciador de pacotes Yarn ou NPM

📝 Procedimentos de instalação

Clone este repositório usando o comando:

git clone https://github.com/JCDMeira/teste-questionario.git

Na pasta do projeto instale as dependências com uso do npm ou yarn

npm install

ou

yarn install

😎 Autor

• Personal Page - Jean Carlos De Meira
• Frontend Mentor - @JCDMeira
• Instagram - @jean.meira10
• GitHub - JCDMeira