Giter Site home page Giter Site logo

murilo-mrs / trybe-react-trivia Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 416 KB

Neste projeto desenvolvemos um jogo de perguntas e respostas baseado no jogo Trivia (tipo um show do milhão americano rs) utilizando `React` e `Redux`, desenvolvendo em grupo suas funcionalidades de acordo com as demandas definidas em um quadro `Kanban`.

JavaScript 88.72% HTML 7.32% CSS 3.96%
react react-router react-thunk reactjs redux rtl trivia-game

trybe-react-trivia's Introduction

Projeto Trivia API

Projeto realizado durante módulo de Front-end do curso de desenvolvimento web da Trybe.

O que foi feito

Neste projeto desenvolvemos um jogo de perguntas e respostas baseado no jogo Trivia (tipo um show do milhão americano rs) utilizando React e Redux, desenvolvendo em grupo suas funcionalidades de acordo com as demandas definidas em um quadro Kanban.

Nesta aplicação, é possível:

  • Logar no jogo e, se o email tiver cadastro no site Gravatar, ter sua foto associada ao perfil da pessoa usuária.
  • Acessar a página referente ao jogo, onde se deverá escolher uma das respostas disponíveis para cada uma das perguntas apresentadas. A resposta deve ser marcada antes do contador de tempo chegar a zero, caso contrário a resposta deverá ser considerada errada.
  • Ser redirecionada, após 5 perguntas respondidas, para a tela de score, onde o texto mostrado depende do número de acertos.
  • Visualizar a página de ranking, se quiser, ao final de cada jogo.
  • Configurar algumas opções para o jogo em uma tela de configuração acessível a partir do cabeçalho do app.

A aplicação foi desenvolvida com:

  • React
  • JavaScript
  • Redux
Como rodar o projeto
  • git clone do repositório
  • npm install
  • npm start
  • acessar no browser http://localhost:3000
📝 Tecnologias utilizadas
  • React
  • JavaScript
  • Redux
  • RTL
  • Thunk
  • React router dom
📝 Habilidades
  • Criar um store Redux em aplicações React
  • Criar reducers no Redux em aplicações React
  • Criar actions no Redux em aplicações React
  • Criar dispatchers no Redux em aplicações React
  • Conectar Redux aos componentes React
  • Criar actions assíncronas na sua aplicação React que faz uso de Redux.
  • Escrever testes para garantir que sua aplicação possua uma boa cobertura de testes.
Devs responsáveis

trybe-react-trivia's People

Contributors

felipe-lima-1 avatar mcalsing avatar miranda-almeida avatar murilo-mrs avatar trybe-tech-ops avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.