Aplicação Web

Quiz

Typescript
Next JS
Tailwind
Framer Motion
shadcn/ui
Gif

A ideia deste projeto foi desenvolver um quiz que tem como base criar uma forma de fazer a turma interagir a com a apresentação sobre o Livro “Sociedade do Cansaço” de Byung-Chul Han. O projeto se desenvolveu durante a aula de Humanidades, o problema era além de realizar uma apresentação ainda tinhamos que criar uma forma de fazer com que toda a turma de alguma forma interagisse com a apresentação, então sabendo desse problema dei a ideia para o grupo de desenvolver um quiz com algumas perguntas sobre a nossa apresentação e no final todos poderiam ver o quanto eles prestaram atenção durante a nossa apresentação.

Desenvolvimento

Front-end

O front-end foi desenvolvido usando React (Next JS + Typescript). A aplicação consiste em 3 páginas principais

O quiz consiste em 10 perguntas, existem verificação se o usuário selecionou a questão ou não para ele poder avançar no quiz. No final existe um feedback que apresenta qual a pergunta, qual a resposta do usuário selecionou e qual a resposta correta, é apresentado tambem quantas questões foram corretas e qual a porcentagem de acerto.

A perguntas estão armazenadas em um JSON. Poderia ter sido utilizado a “API Routes” do Next JS, porém como a ideia do projeto era ser algo simples e menos complicado foi escrito em um JSON.

Considerações