✅github-automated-repos é a biblioteca,ReactJS, que dá o poder de controlar os seus dados GitHub nos seus projetos de portfolio / website, no seu próprio GitHub em um só lugar!

❌ arquivos projeto.js ( editar código ) ❌ GitHub API ( sem controle dos dados )

https://github-automated-repos.vercel.app

Regras de Contribuição

npm install github-automated-repos 

yarn add github-automated-repos

[!IMPORTANT] Não esqueça de configurar o ReactQuery!!! Veja o exemplo para o NextJS. Code Example

 import { ReactQueryProvider } from 'github-automated-repos'
 createRoot(document.getElementById('root')!).render(
   <ReactQueryProvider >
     <StrictMode>
       <App />
     </StrictMode>
   </ReactQueryProvider>
   ,
  )

3. Utilizando o Hook ( useGitHubAutomatedRepos() )

[!CAUTION] :exclamation::exclamation: Não esqueça de preencher os campos: seu GitHubUsername e keyWord (escolhido por você).

    import { useGitHubAutomatedRepos } from "github-automated-repos";

    const { data, isLoading, isLoadingError } = useGitHubAutomatedRepos("GitHubUsername", "KeyWord");

4. Banner

Insira Banners, imagens do layout para representar seu projeto. Os tipos das imgs são .PNG e .SVG. Para fazer isso o nome do arquivo de imagem deve conter banner no nome. Insira as imagens seguindo o caminho: Ex.:

└── public
      └── `bannerXYZ.png` 
      └── `bannerABC.svg` 
    ├── ...

5. Escolha os repositórios e preencha o campo Topics com a palavra chave escolhida por você.

[!IMPORTANT] Insira o nome das StackIcons no campo Topics do repositório, confira a lista no website ou abaixo. > Stack Icons

Tabela de StackIcons

Logo	Stack Name	Logo	Stack Name	Logo	Stack Name	Logo	Stack Name
	androidstudio		angular		arduino		aws
	babel		bash		bitbucket		blender
	bootstrap		c		canva		clion
	cpp		csharp		css3	![dart](https://user-images.gi