DEV Community

Cover image for Embed GitHub User's All Repos on Website πŸš€
Sh Raj
Sh Raj

Posted on

 

Embed GitHub User's All Repos on Website πŸš€

Embed User all GitHub Repos

Image description

Loading Animations is a bonus point Here...

Use Website :- https://sh20raj.github.io/GitHub-Cards/ or https://github-cards.sh20raj.repl.co/

URL Syntax :- https://github-cards.sh20raj.repl.co/embed.html?user={username}


How to Embed

Example (user = sopinstagram ) :- https://github-cards.sh20raj.repl.co/embed.html?user=sopinstagram

Image description

Use iframe to embed all repos on your website like this

<iframe src="https://github-cards.sh20raj.repl.co/embed.html?user=sopinstagram" frameborder="0" width="100%" height="1000px"></iframe>
Enter fullscreen mode Exit fullscreen mode

Other Demo (User = google) :- https://sh20raj.github.io/GitHub-Cards/embed.html?user=google


Top comments (0)

11 Tips That Make You a Better Typescript Programmer

typescript

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!