image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
Pedro Dias
Pedro Dias28/01/2024 18:51
Compartilhe

Projeto GitHub Profile

  • #TypeScript
  • #Next.js
  • #React

Nessa publicação, eu gostaria de compartilhar o projeto que eu queria fazer a um bom tempo.

A ideia do projeto é encontrar o usuário do GitHub de sua escolha, para ver suas informações e seus repositórios, utilizando a API do GitHub.

As minhas primeiras tentativas, estava tendo dificuldades no roteamento de páginas com a API e no campo de pesquisa, deixei o projeto parado por algumas semanas, para fazer outros projetos ou pensar em uma solução.

Um tempo depois, consegui resolver em questão do roteamento da API com a aplicação utilizando a URL, mas estava em dúvida se seria temporário ou vai ser isso mesmo.

Quando fiz o curso do Next.JS App Router feita pela própria Vercel, tinha um campo para pesquisa, e fui criar esse componente e testar no projeto, e percebi que faltava parâmetros de pesquisa, quando testei o componente, ele funcionou como eu queria, depois de fazer a lógica da aplicação, fui fazer a estilização do projeto utilizando o Tailwind CSS.

Com o projeto finalizado, postei no meu Linkedin de novembro para dezembro do ano passado. Algumas semanas depois, explorando um pouco mais sobre a API do GitHub, fiz uma atualização do projeto para facilitar a pesquisa e utilizar um sistema de paginação nos repositórios, e recentemente, postei a atualização do projeto no Linkedin para ver o funcionamento da nova forma de pesquisar e da paginação de repositórios.

Os links das postagens sobre o projeto no Linkedin, e os links do repositório e do projeto serão disponibilizados.

Link do repositório: https://github.com/PedroSoaresDias/github-profile

Link do projeto: https://github-profile-lac.vercel.app

Link da postagem da primeira versão: https://www.linkedin.com/posts/pedro-soares-dias_nessa-publica%C3%A7%C3%A3o-eu-estava-pensando-a-algum-activity-7136731408420515840-kVUf?utm_source=share&utm_medium=member_desktop

Link da postagem da versão atualizada: https://www.linkedin.com/posts/pedro-soares-dias_nessa-publica%C3%A7%C3%A3o-estou-disponibilizando-activity-7156648611693445121-XClc?utm_source=share&utm_medium=member_desktop

Compartilhe
Comentários (2)
Pedro Dias
Pedro Dias - 29/01/2024 10:42

Vou te passar o link do curso do Next.JS, e é gratuito, nesse curso você usa a configuração App Router do Next.JS


Link do curso: https://nextjs.org/learn

Gabrieli Alves
Gabrieli Alves - 29/01/2024 08:26

show. qual curso do next.js na vercel? fiquei interessada