برنامه نویسی

تجسم پروژه های GitHub خود را در نمونه کارها خود خودکار کنید. 🌟


✅ Github-automated-repos کتابخانه است ،ReactJS، این به شما این قدرت را می دهد که داده های GitHub ، پروژه های خود را در نمونه کارها / وب سایت ، در GitHub خود در یک مکان کنترل کنید!

files files project.js (کد ویرایش) ❌ GitHub API (بدون کنترل داده)

banner_logo_github-automated-repos

مخزن را بررسی کنید.

1. نصب

npm install github-automated-repos
    # or
yarn add github-automated-repos
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

2. پیکربندی هوک.

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

const data = useGitHubAutomatedRepos("GitHubUsername", "KeyWord");
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

3. مخازن را انتخاب کنید و قسمت موضوعات را با کلمه کلیدی که تعیین کرده اید پر کنید.

برای درج نام های پشته در قسمت موضوعات ، به اسناد وب> نمادهای پشته مراجعه کنید.

مخزن> ویرایش جزئیات مخزن> موضوعات
شرح تصویر

نمادها

شرح تصویر

4

برای نشان دادن پروژه خود ، بنر ، تصاویر را درج کنید. انواع هستند .PNG وت .SVGبشر برای این امکان وجود دارد ، نام فایل تصویر باید حاوی باشد bannerبه نام تصاویر خود را در مسیر زیر وارد کنید: سابق:

└── public
      └── `bannerXYZ.png` 
      └── `bannerABC.svg` 
    ├── ...
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

dashgo_layout
dashfincaneiro_layout
proffy_layout

5. JSON – داده های مخازن انتخاب شده توسط شما!

سابق.
JSON – داده ها
مثال داده ~ console.log (داده)

Array(4)
0
: 
{id: 517152367, name: 'Dashgo', html_url: 'https://github.com/DIGOARTHUR/Dashgo', description: 'IGNITE - Trilha ReactJS/ - Neste projeto é aplicad…ate, Components, Props. Recursos do JS como: Map.', topics: Array(7), …}
1
: 
{id: 482667387, name: 'DashBoard-Financeiro', html_url: 'https://github.com/DIGOARTHUR/DashBoard-Financeiro', description: 'IGNITE - Trilha ReactJS/ Chapter II - Esta aplicaç…mpanhamento de valores de entrada, saída e total.', topics: Array(6), …}
2
: 
{id: 412849316, name: 'Task.TODO', html_url: 'https://github.com/DIGOARTHUR/Task.TODO', description: 'IGNITE - Trilha ReactJS/ - Este projeto aborda con…Filter e Math, Spread. E para estilização o SASS.', topics: Array(7), …}
3
: 
{id: 355616217, name: 'Move.it', html_url: 'https://github.com/DIGOARTHUR/Move.it', description: 'NLW#04 - Rocketseat - Utilizando a técnica Pomodor… o objetivo é executar a tarefa do seu interesse.', topics: Array(8), …}
length
: 
4
[[Prototype]]
: 
Array(0)
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

در صفحه وب

شرح تصویر

عشق github-automated-repos؟ به ما یک ستاره بدهید.

based in: API GitHub

by: digoarthur

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا