Projeto DragonBall - Versão 1.0

O que este repositório contém

1. Aplicação em ReactJS com listagem de planetas e personagens do DragonBall.

---

Quais as funcionalidades esperadas

- [] Espaço para Planetas e Personagens.
- [] Lista de cards para exibir os - personagens com nome e imagem.
- [] Usuário possa buscar personagens.
- [] Lista de planetas.
- [] Na lista de planetas o usuário pode ir para a página de residentes do planeta.
- [] Testes unitários.

---

Qual o objetivo deste repositório

1. Processo seletivo para a empresa SQUADRA Tecnologia.
2. Criar uma aplicação em ReactJS consumindo dados da API do DragonBall.

---

O que é necessário para configurar

1. Node >= 10.16.0 Node.

---

Como instalar

# Instalar todos os pacotes necessários para executar o aplicativo.
> yarn install

---

Como executar

# O comando abaixo irá iniciar o projeto na url http://localhost:3000.
> yarn start

---

Como testar

# O comando abaixo irá gerar testes da aplicação.
> yarn test

---

Como gerar uma release

# O comando abaixo irá gerar os arquivos da release na pasta build.
> yarn build

---

Como posso ver as rotas da API

Todos os links se encontram na documentação do DragonBall

Endpoits da API

https://dragon-ball-api.herokuapp.com/api/

{
  "characters": "https://dragon-ball-api.herokuapp.com/api/character",
  "planets": "https://dragon-ball-api.herokuapp.com/api/planet",
}

---

Módulos adicionais

---

Módulos adicionais para desenvolvimento

ESLint - Manter o padrão de código.

# Instalar
> yarn add eslint -D

# Configurar
> yarn eslint --init

> * To check syntax, find problems, and enforce code style
> * JavaScript modules (import/export)
> * React
> * No
> * Browser
> * Use a popular style guide
> * Airbnb
> * JSON

---

ESLint Import Helpers - Odenar imports de arquivos

# Instalar
> yarn add eslint-plugin-import-helpers -D

---

Tailwindcss - Estrutura de CSS

# Instalar
> yarn add tailwindcss -D

# Configurar
> npx tailwind init --full

---

1. CLI PostCSS - Minificar arquivos
2. Autoprefixer - Analisar CSS e adicionar prefixos

# Instalar
> yarn add postcss-cli autoprefixer -D

# Configurar
> touch postcss.config.js

---

ESLint React Hooks - Validar React Hooks

# Instalar
> yarn add eslint-plugin-react-hooks -D