rodolforezende / DesafiodaPluga-DevJr

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Desafio Pluga

Trata-se de uma tela com uma listagem de cards representando os apps integrados na Pluga e uma barra de busca, onde é feita uma consulta, através da API (https://pluga.co/ferramentas_search.json), apresentando 12 ferramentas por página.

🛠️ Bibliotecas/Linguagens

  • React - React é uma biblioteca JavaScript para construção de interfaces de usuário.
  • eslint - ESLint é uma ferramenta de análise de código estática para identificar padrões problemáticos encontrados no código JavaScript.
  • axios - Axios é um cliente HTTP baseado-em-promessas para o node. js e para o navegador.
  • react-modal - Componente de diálogo modal acessível para React.JS.

Proposta

wireframe1 wireframe2

⚙️ Como utilizar?

Siga os códigos abaixo 👇

git clone git@github.com:rodolforezende/DesafiodaPluga-DevJr.git

Acesse o diretório clonado:

cd DesafiodaPluga-DevJr

Depois de feito o clone, abra o diretório onde foi clonado em seu terminal e digite o seguinte código:

npm install

Após completado as instalação das dependências, inicie o servidor com o seguinte comando em seu terminal:

npm start

Funcionamento em GIF:

  • Computador

Pluga

  • Mobile

Pluga - mobile

Conclusão

Projeto para avaliação de legibilidade, responsabilidade individuais e expressidade dos nomes. Foram feitos os testes da aplicação utilizando react-testing-library e jest, que podem ser verificados na pasta test da aplicação.

Obrigado pela oportunidade, Pluga!

Contato

Linkedin | Gmail

About


Languages

Language:JavaScript 48.5%Language:CSS 45.0%Language:HTML 6.5%