Github Repositories Extractor & Embedder is a Tool for Developers, which helps them to extract and embed any Github user's repositories on their website/webpage. This tool is made by using GitHub-Cards by @Shaswat Raj. You can get more info about this project on the Codex India Blog site(CXDI) - Codexdindia.blogspot.com/2022/02/embed-github-users-all-repos-on-website.html. You can see the live version of GitHub-Cards here - Github-cards.sh20raj.repl.co(hosted on Replit.com), Github-cards-sh20raj.vercel.app(hosted on Vercel) or Sh20raj.github.io/GitHub-Cards(hosted on Github Pages).
This tool uses "Github-cards.sh20raj.repl.co/embed.html" URL syntax to extract and store Github repositories. To extract the Github repositories of a specific person, you just need to add "?user=yourgithubusername" at the end of the above URL syntax, like - Github-cards.sh20raj.repl.co/embed.html?user=yourgithubusername, and this will fetch all the repositories of that user from Github and display it on the page. In order to embed those repositories you just need to use the IFrame tag(iframe) and embed the whole page(Github-cards.sh20raj.repl.co/embed.html?user=yourgithubusername) onto your own website or web app, where you wanted to embed those repositories.
For example -
Let's try to extract the Github repositories of the user, Neha Soni(@nehasoni05)
- Username - Nehasoni05
- Github Profile URL - Github.com/nehasoni05
- Extracted Repo Page of Neha Soni - Github-cards.sh20raj.repl.co/embed.html?user=nehasoni05
- Embed Code of Repo page of Neha Soni -
<iframe src="https://github-cards.sh20raj.repl.co/embed.html?user=nehasoni05" frameborder="0" width="100%" height="1000px"></iframe>
0 Comments