https://github.com/recheeduardo/themed-quiz
A showcase website with a variety of quizes entirely made with React.Js!
https://github.com/recheeduardo/themed-quiz
Last synced: about 1 month ago
JSON representation
A showcase website with a variety of quizes entirely made with React.Js!
- Host: GitHub
- URL: https://github.com/recheeduardo/themed-quiz
- Owner: RecheEduardo
- Created: 2024-11-18T18:11:21.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-18T18:26:14.000Z (6 months ago)
- Last Synced: 2024-11-18T19:30:31.179Z (6 months ago)
- Language: JavaScript
- Homepage: https://themed-quiz.vercel.app
- Size: 41 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
❓ Quiz temático em React.Js
Com React.js e uma dose de criatividade, é possível construir um quiz 100% funcional e componentizado!
With React.js and a dose of creativity, you can build a 100% functional and componentized quiz!
# As habilidades que busquei aprimorar neste site
* Componentização avançada em React, onde a página segue um modelo SPA (Single Page Application) seguindo apenas o fluxo de renderização de componentes. (obs. feito de forma nativa!)
* Modularização de código e otimização do projeto, gerando assim um desempenho fluido e que satisfaz a experiência do usuário (UX).
* Praticar versionamento de código utilizando o GIT e deploys funcionais utilizando o Vercel para hospedar a versão final do projeto.
# 💡 Sobre
O projeto consiste num Quiz temático aonde o usuário pode escolher sobre qual será o tema do questionário. No exemplo usado, você pode escolher entre "História do Brasil", "Conhecimentos gerais" e "Lógica de programação", design esse que foi projetado visando futuras customizações e escalabilidade como adição de novos temas e novas perguntas.
Dentre as funcionalidades, vale ressaltar a utilização de props do React, que facilitam para estruturas lógicas que determinam qual componente do site o usuário deve visualizar naquele momento.
Além disso, foi implementado um score do usuário, que é revelado para o mesmo assim que o quiz é finalizado. (Num cenário de expansão do projeto, pode ser funcional a utilização desse score para desenvolver um ranking dos jogadores que realizaram o quiz e obtiveram o melhor score)
# 🖥 Exibição do projeto:
# 🧠 Tecnologias Utilizadas
* Com o React, pude exercer com maestria toda a complexidade envolvida na resolução de um quiz com controles como o score do usuário, como a alternativa correta é exibida, como a dica é contabilizada entre diversos outros desafios que encontrei para a realização do projeto.
#
* Utilizar meus conhecimentos sobre ferramentas de controle e versionamento de código com o GIT é crucial para um bom projeto, pois dessa forma consigo me guiar conforme novas alterações e contribuir com a impulsão meu workflow.
#
* O Vercel é uma ferramenta indispensável quando se trabalha com o deploy de projetos que envolvam ferramentas de desenvolvimento local, pois o mesmo utiliza-se de presets para deploys com o Vite, por exemplo. Essas configurações pré defiinidas auxiliam na prevenção de possíveis erros de implementação do site.
## Exibição da aplicação
Caso queira visualizar este projeto, clique aqui para dar uma olhada!
##
É isso! caso tenha gostado do projeto, não esqueça de me seguir aqui no meu perfil para conferir os proximos projetos 👊❤