O projeto consiste em uma aplicação que faz requisição para o endpoint “https://jsonplaceholder.typicode.com/users”, e mostra os dados em uma tabela que contém os campos:
- Nome
- Telefone
- Endereço completo
- Cidade
- Empresa
Para a definição da empresa, foi solicitado para implementar a seguinte lógica:
- caso o índice do usuário for divisível por 3, mostrar a palavra “TC”
- caso o índice do usuário for divisível por 5, mostrar a palavra “SENCON”
- caso o índice do usuário for divisível por 3 e 5, mostrar a palavra “TC/ SENCON”
- se não satisfazer nenhuma condição, mostrar a palavra “Sem empresa”
Além disso, ao clicar em uma das linhas da tabela, abre um modal que consta os seguintes dados:
- Username
- Id
- Índice da linha
Por fim, como adicional, uma barra de pesquisa foi adicionada para filtrar os usuários pelo seu nome, email e/ou cidade.
- Deploy na vercel: https://desafio-sencon.vercel.app/
sencon.mp4
- ReactJS
- Typescript
- Styled Components
- Clonar repositório (git clone https://github.com/dedecanton/desafio-sencon.git)
- Entrar na pasta do projeto
- Instalar as dependências ( rodar yarn no terminal do projeto )
- Para rodar em ambiente de desenvolvimento, rode o script yarn start
- Para fazer build da aplicação, rode o script yarn build