Projeto do processo seletivo, é uma aplicação React vite com componente grid do Kendo UI e utilizando a API do GitHub para exibir informações sobre um usuário, incluindo seus repositórios.
-
Instale as depedência.
npm install ou npm i -
execute a aplicação local.
npm run dev
UserInfo: Exibe informações básicas do usuário, como nome, foto de perfil, bio, seguidores, e quantidade de repositórios. Utilizando a API do GitHub.
GridRepository: Mostra os repositórios em tabela do usuário da api, utilizando o Grid do Kendo UI, com filtragem e exportação ao excel.
- React ( vite )
- Hooks (useState, useEffect, useRef)
- API (github)
- Kendo UI (Grid, GridColumn, GridToolbar, ExcelExport)
O componente UserInfo é responsável por exibir informações básicas sobre um usuário do GitHub. Ele inclui a foto de perfil, o nome, a bio, a empresa, a localização e estatísticas como o número de repositórios, seguidores, pessoas seguidas e âncora html para o acesso do perfil do usuario.
O componente GridRepository exibe o Grid(kendo ui) de repositórios do GitHub. Ele possui recursos de filtragem e exportação para Excel.
dataUser / modificando o state irá consumir o github do usuario digitado.
useRepor e useInfo (contém as informações do fetch)
O uso do useEffect é realizado para realizar a ação apenas uma vez evitando um loop ocasionando em um erro na aplicação.
GITURL contém o caminho da api.
.env contém a key do kendo-ui.