https://github.com/andreyrvs/18-trivia-react-redux

bootstrap5 kanban react react-router react-router-v5 redux redux-thunk

Last synced: 12 days ago
JSON representation

Jogo de perguntas e respostas (Trivia)

Host: GitHub
URL: https://github.com/andreyrvs/18-trivia-react-redux
Owner: Andreyrvs
Created: 2022-07-31T00:47:26.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2023-03-01T19:25:47.000Z (almost 3 years ago)
Last Synced: 2023-03-05T02:18:25.351Z (almost 3 years ago)
Topics: bootstrap5, kanban, react, react-router, react-router-v5, redux, redux-thunk
Language: JavaScript
Homepage: https://18-trivia-react-redux.vercel.app/
Size: 1.63 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

README

# Trivia React Redux

## Contexto

Este projeto trata-se um jogo de perguntas e respostas baseado no jogo Trivia (tipo um show do milhão americano)

> Utiliza a API [Open TRIVIA database](https://opentdb.com/)

Colegas que contribuíram para a realização do projeto:

- [@gsmunizz](https://github.com/gsmunizz "github")
- [@gabrielmendesa](https://github.com/gabrielmendesa "github")

## Técnologias usadas

Front-end:
> Desenvolvido usando: React, React Router, Redux, Redux Thunk, Bootstrap 5, Kanban

## Habilidades

Adquiri essas habilidades ao desenvolver esse projeto:

- 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 usa Redux.

- Escrever testes para garantir que sua aplicação possua uma boa cobertura de testes.

## Preview da Aplicação

| ![Login](./aplicacao-login.png) | ![Home](./aplicacao-home.png) |
| ----------- | ----------- |

## Instalando Dependências

- Clone o projeto:

```bash
git clone git@github.com:Andreyrvs/18-Trivia-React-Redux.git
```

> Front-end

```bash
cd 18-Trivia-React-Redux/
npm install
```

## Executando aplicação

- Para rodar o Front-end:

```bash
cd src/ && npm start
```

> A aplicação utiliza a resolução **1366 x 768**