DEV Community

Piyush Suthar
Piyush Suthar

Posted on

 

Here's something cool for your GitHub Profile ReadMe.

Hi πŸ–,
If you are like me who loves to write articles on Dev.to, You probably would like to show them off on your GitHub Profile README too.

So to solve this problem I started searching for projects which might help me to do so. The projects which I came across were not the projects which I wanted.

Here's one of them:-

GitHub logo gautamkrishnar / blog-post-workflow

Show your latest blog posts from any sources or StackOverflow activity or Youtube Videos on your GitHub profile/project readme automatically using the RSS feed


This one is really awesome, but it's not what I was looking for...

After all this search, I thought of making something myself 😁.

So here it is, dev-article-github-readme, (I'm very bad at naming stuff πŸ˜…).

GitHub logo PiyushSuthar / dev-article-github-readme

πŸ¦„ Add Dev.to article card to your GitHub Profile Readme. πŸ”₯

Dev.to Article Github Readme

Add Your Latest Dev.to Article To Your GitHub Profile ReadmeπŸ”₯

GitHub pull requests GitHub Issues

View Demo

Features ✨

Usage 🌈

You may just copy-paste the markdown below.

Make sure to change ?username= value and https://dev.to/piyush to your dev.to username.

[![Latest Dev.to](https://latest-devto-post.vercel.app/api?username=piyush)](https://dev.to/piyush)
Enter fullscreen mode Exit fullscreen mode

View Demo

By default it shows the latest article from your dev.to account.

Showing a specific article

If you want to show a specific article, you can use the markdown below.

You just need to change &slug= value to the slug of your dev.to article.

ex. https://dev.to/:username/:slug

[![Latest Dev.to](https://latest-devto-post.vercel.app/api?username=piyush&slug=my-instagram-bot-that-posts-covid-19-data-4p05)](https://dev.to/piyush/my-instagram-bot-that-posts-covid-19-data-4p05)
Enter fullscreen mode Exit fullscreen mode

View Demo

Demo πŸ’Ž

Latest Dev.to Post

Latest Dev.to

View Markdown
[![Latest Dev.to](https://latest-devto-post.vercel.app/api?username=piyush)](https://dev.to/piyush)
Enter fullscreen mode Exit fullscreen mode

Specific Dev.to Post

Latest Dev.to

View Markdown
[![Latest Dev.to](https://latest-devto-post.vercel.app/api?username=piyush&slug=my-instagram-bot-that-posts-covid-19-data-4p05)](https://dev.to/piyushsuthar/my-instagram-bot-that-posts-covid-19-data-4p05)
Enter fullscreen mode Exit fullscreen mode

Customization ⚑

Will be added soon. Think you can help? Do contribute 🀝

Similar Repos πŸ”₯

Similar tools/repos…

Usage

It's pretty easy to use, You may just copy the markdown and paste it. Don't forget to change ?username= value and dev.to URL in the markdown. (I know you are smart enough to do that 😜)

[![Latest Dev.to](https://latest-devto-post.vercel.app/api?username=piyush)](https://dev.to/piyush)
Enter fullscreen mode Exit fullscreen mode

Show a specific article.

If you wish to show a specific article, you just need to add &slug= to the URL and change it's value to the slug of that article.
Here's an example markdown.

[![Latest Dev.to](https://latest-devto-post.vercel.app/api?username=piyush&slug=my-instagram-bot-that-posts-covid-19-data-4p05)](https://dev.to/piyushsuthar/my-instagram-bot-that-posts-covid-19-data-4p05)
Enter fullscreen mode Exit fullscreen mode

Demos

Here's my latest article:-

Latest Dev.to

Here's a Specific my first article from dev.to:-

Latest Dev.to

Customization

I know I'm lazy, I'll add them soon. 😁
Why don't you help me to add? Contribute 🀝

Last words,

(I don't know what else to say πŸ˜†)

I'm thinking to add some more stuff to it. I hope to see some active contributions to the repo 😁. And lastly, do-follow me on Twitter and GitHub.

BTW, I forgot to mention, the Cache time is 1600 seconds (Half an hour) 😁

Peace ✌

Top comments (1)

An Animated Guide to Node.js Event Loop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.