Skip to content
Search

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 🚀

#javascript #github #webdev #beginners

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)

DEV Community

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!

Read next

bytebodger profile image

Notes On The Job Market For Frontend Programmers

Adam Nathaniel Davis -

kvng_zeez profile image

A Guide To Database Unit Testing with Pytest and SQLAlchemy

Abdulazeez Abdulazeez -

ryansolid profile image

Making the Case for Signals in JavaScript

Ryan Carniato -

nevodavid profile image

Applying for a new job with React and NodeJS and AI

Nevo David -