Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/michaelcaxias/trivia-quiz

Jogo de Trivia com metodologias ágeis e Redux.
https://github.com/michaelcaxias/trivia-quiz

bulma react redux semanti-ui team

Last synced: 20 days ago
JSON representation

Jogo de Trivia com metodologias ágeis e Redux.

Awesome Lists containing this project

README

        

preview da aplicação

# Trivia

Projeto feito em grupo durante o curso da [Trybe](https://www.betrybe.com/) com o objetivo de treinar as metodologias ágeis com DM's e Kanbam, além de utilizarmos Redux para o gerenciamento de estados.

## 🔧 Funçoes

- Rota principal `/` com um campo de Login.
- Rota `/trivia` com as perguntas e respostas.
- Rota `/feedback` com a pontuação do jogador.
- Rota `/ranking` com o ranking de todos os jogadores.
- Tela de detalhes do produto clicado com acesso a avaliações.

## ⭐ Habilidades

- Consumir a API **https://opentdb.com/** para as perguntas e alternativas do jogo.
- Utilizar o **Trello** para organização em grupo.
- Utilizar o **Redux** para gerenciamento de estados.
- Utilizar o framework **Semantic UI** para realizar estilizações.
- Utilizar o framework **Bulma** para realizar estilizações.

## 💻 Como iniciar

1. Faça o clone do projeto
2. Instale as dependências
```shell
npm install
```
3. Inicialize a aplicação
```shell
npm start
```

## Feito Com:
[![TRELLO](https://img.shields.io/badge/Trello-0052CC?style=for-the-badge&logo=trello&logoColor=white)](https://trello.com/)
[![IDE](https://img.shields.io/badge/Visual_studio_code-0078D4?style=for-the-badge&logo=visual%20studio%20code&logoColor=white)](https://code.visualstudio.com/)
[![REACT](https://img.shields.io/badge/ReactJs-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)](https://developer.mozilla.org/pt-BR/docs/Web/React)
[![REDUX](https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white)](https://redux.js.org/)
[![JAVASCRIPT](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
[![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)](https://developer.mozilla.org/pt-BR/docs/Web/CSS)
[![SEMANTIC UI](https://img.shields.io/badge/semantic%20ui%20react-35BDB2?style=for-the-badge&logo=semanticuireact&logoColor=white)](https://semantic-ui.com/)
[![SEMANTIC UI](https://img.shields.io/badge/bulma-29BDB2?style=for-the-badge&logo=bulma&logoColor=white)](https://semantic-ui.com/)

## 🤝 Desenvolvedores

Agradecemos às seguintes pessoas que contribuíram para este projeto:




Foto de Michael Caxias no GitHub


Michael Caxias





Foto do Gustavo Pozzan


Gustavo Pozzan





Foto do Polyana Balotin


Polyana Balotin





Foto do Antonio Cardoso


Antonio Cardoso





Foto do Lucas Pine


Lucas Pine



### Contato

[![Linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/michaelcaxias/)

Copyright © 2021 Michael Caxias