📚Repositório

❓Como iniciar o projeto

📖Guias

📌Tasks

🔗Links Úteis

📚Repositório

GitHub - MarcosVini9999/github-profile: The project uses the github api to search for a user on github according to the user's nickname, and displays the user's information, such as repositories, followers, followings and starred repositories.

❓Como iniciar o projeto

Digite esse comando no terminal de uma pasta que você queira que o projeto seja salvo:

git clone <https://github.com/MarcosVini9999/github-profile.git>

Dentro da pasta do projeto digite esse comando para instalar as dependências do projeto:

npm i

Ainda dentro da pasta do projeto digite esse comando para iniciar o projeto:

npm run dev

📖Guias

Instalando o Node e o NPM

Lesson 2: Git Basics

GIT using GITHUB in 5 minutes.epub

📌Tasks

• Fazer o seu próprio repositório no Github usando outra estilização como referência:

  • Estilização do projeto:

    https://www.figma.com/file/G8oKjL82pofZDq6BSKKIn1/Github-Profiles?t=SNyOzLRriO96cAbg-1

    • Créditos: https://www.linkedin.com/in/lucas-alves-660376210/ e https://www.linkedin.com/in/arthur-silva-24736320a/

  • Estilização alternativa do projeto:

    https://www.figma.com/file/2I3ac1g1TuBrb3sc0fuKxX/GitHub-Profiles?node-id=0%3A1&t=52PmvGsUl5AjaV79-1

    • Créditos: https://www.linkedin.com/in/matheralvs/
• Fazer paginação para a listagem de Repositories, Followers, Following e Stars;

  • Documentação da api do github que fala sobre paginação:

    Como usar paginação na API REST - GitHub Enterprise Server 3.7 Docs

  • Vídeo mostrando como fazer paginação usando o React Query e Axios:

    Como fazer paginação com React Query

  • Caso você não queira criar um componentes para a paginação, você pode só usar um já feito do Material UI ou de outras bibliotecas como o Tailwind:

    React Pagination component - Material UI

    Pagination - Official Tailwind CSS UI Components

    • Obs: O projeto original usa Material UI.

🔗Links Úteis

Introduction - JavaScript | MDN