Trivia é uma aplicação em React.js produzida em grupo, que desafia os usuários a responder a uma sequência de perguntas de múltipla escolha sobre diversos temas em um tempo limitado de 30 segundos por questão. A aplicação registra a escolha correta das respostas e o tempo de resposta, culminando em um score total exibido ao final das 5 perguntas. Além disso, os usuários podem consultar o ranking com outros scores armazenados no Local Storage.
- Veja o post sobre a aplicação no LinkedIn aqui.
- Acesse o deploy da aplicação aqui
Informações para utilizar a aplicação no deploy
- Para logar, você deve informar um nome de usuário com ao menos uma letra e um email no padrão
user@email.com
.
- Bem-vindo ao projeto Trivia
- Visualização
- Contexto
- Tecnologias e Ferramentas Utilizadas
- Instalação e Execução
- Notas
- Git, GitHub e Histórico de Commits
- Lint
A aplicação Trivia é uma implementação do famoso jogo de perguntas e respostas, em que o usuário pode:
- Fazer login;
- Responder a uma sequência de 5 perguntas;
- Ter o tempo de resposta contabilizado, visto que um cronômetro de 30 segundos é iniciado em cada nova pergunta;
- Verificar o score total referente à sequência respondida;
- Consultar o ranking com os demais scores, que fica armazenado no Local Storage.
Este projeto utiliza as seguintes tecnologias e ferramentas:
- React.js com classes | Biblioteca para criar interfaces de usuário.
- Tailwind CSS | Biblioteca para estilização do CSS.
- API de Trivia | API utilizada para obter perguntas e respostas atualizadas para o jogo..
- Redux | Biblioteca de gerenciamento de estado.
- Trello | Ferramenta de gerenciamento de tarefas.
O React.js foi escolhido por ser uma das bibliotecas mais populares e amplamente utilizadas para criar interfaces de usuário. Além disso, ele oferece suporte a programação orientada a objetos, o que é importante para o desenvolvimento de projetos maiores. O Tailwind CSS foi escolhido por ser uma biblioteca que permite estilização mais fácil e rápida dos componentes, facilitando o processo de desenvolvimento. A API do Trivia foi utilizada para obter perguntas e respostas atualizadas para o jogo, fornecendo informações precisas e detalhadas. O Redux foi utilizado para gerenciar o estado global da aplicação, tornando mais fácil a comunicação entre diferentes componentes e permitindo uma melhor organização do código. O Trello foi utilizado para gerenciamento de tarefas, seguindo metodologias ágeis durante o desenvolvimento.
git clone git@github.com:imsamuelcovalero/Project-Trivia.git
cd Project-Trivia
npm install
cd Project-Trivia
npm start
Este projeto utilizou a Especificação de Commits Convencionais, com alguns tipos da convenção Angular. Além disso, foi utilizado o pacote conventional-commit-cli para ajudar a seguir a convenção de commits. É importante utilizar a convenção de commits em projetos para manter o histórico de commits organizado e facilitar a leitura e o entendimento do que foi desenvolvido.
No desenvolvimento da aplicação foi realizado utilizando o Git para controle de versão e o GitHub como repositório remoto. Foram criadas branches para cada funcionalidade implementada e, posteriormente, mergeadas à branch principal.
Durante o desenvolvimento deste projeto, foram utilizadas metodologias ágeis, que são práticas que valorizam a interação e colaboração entre os membros de uma equipe de desenvolvimento, visando uma entrega mais rápida e eficiente do projeto. A utilização dessas práticas é especialmente importante em projetos em grupo, pois ajuda a manter a equipe alinhada e a evitar atrasos e retrabalhos desnecessários. Para saber mais sobre as metodologias ágeis, confira o Manifesto Ágil.
- O projeto foi desenvolvido seguindo os padrões de Clean Code especificados pelo Lint da Trybe.