Article image
Pedro Teles
Pedro Teles02/03/2023 18:23
Compartilhe

Mostre suas Skill desenvolvidas com a DIO

  • #Node.js
  • #React

DIO User API ūüźĪ‚ÄćūüźČ

Sempre tive vontade de criar algo no moldes do famoso Github Stats Card, usado para gerar imagens din√Ęmicas das linguagens mais usadas por cada desenvolvedor a partir da an√°lise de seus reposit√≥rios no Github. Depois de participar do DIO Campus Expert, busquei conhecer mais a plataforma e a p√°gina de skills me chamou bastante aten√ß√£o.

A partir daí nasceu este projeto, que seria uma API para gerar imagens das principais skills estudadas na plataforma DIO.

Podemos gerar a seguinte imagem indicando apenas o nome do usu√°rio:

image

As tecnologias usadas foram NextJS com Typescript, React e Node, al√©m do Puppeteer para acessar as informa√ß√Ķes. Como se trata de informa√ß√Ķes acess√≠veis apenas a usu√°rios cadastrados e n√£o h√° um endpoint direto a essas informa√ß√Ķes, n√£o pude quis hospedar o projeto em nenhum local na nuvem, optando apenas por gerar imagens em um servidor local.

Exemplo de uso em ambiente local ūüŹ°

  1. Para rodar o ambiente localmente, clone o repositório com o comando: git clone https://github.com/Pitossomo/dio-users-api.git
  2. Instale as dependências com o comando npm install
  3. Na raiz do projeto, crie o arquivo .env.local com as vari√°veis:
  4. DIO_USERNAME=email.cadastrado.na.dio@exemplo.com
  5. DIO_PASSWORD=senhaNaDIO
  6. Rode o servidor em modo de desenvolvimento com o comando: npm run dev
  7. No navegador, abra a p√°gina http://localhost:3000/api/v1/skills?username=pedro_h_teles, alterando o nome de usu√°rio como desejar
  8. Para encontrar o seu nome de usuário, visite seu perfil e veja o nome na barra de endereço. Por exemplo, na imagem abaixo o nome do usuário é pedro_h_teles: image
  9. Na primeira visita, aguarde o tempo para o carregamento. Nas visitas futuras, o carregamento ser√° instant√Ęneo, desde que o servidor n√£o seja reinicializado e o nome do usu√°rio seja o mesmo.
Compartilhe
Coment√°rios (1)
Pedro Teles
Pedro Teles - 02/03/2023 18:34

No futuro, quem sabe, se a DIO liberar o acesso a um endpoint para acessar as skills dos usu√°rios, d√° at√© pra colocar isso como imagem no portfolio do Github de forma din√Ęmica, hospedando na nuvem ūüėĀ