DEV Community

Piyush Suthar
Piyush Suthar

Posted on

 

Add Developer Quotes to your GitHub Profile Readme

Hi ๐Ÿ–,
Recently, GitHub launched Profile ReadMe and everyone started making their unique Profile Readme.

Developers made some cool tools to decorate their Profile READMEs. So after taking some inspiration from Anurag Hazra's GitHub Readme Stats, I too built something.

GitHub Readme Quotes

GitHub logo PiyushSuthar / github-readme-quotes

๐Ÿ”ฅ Add Programming Quotes To Your GitHub Readme

Github Readme Quotes

Developer Quotes for your Github Readme.

Twitter: piyushsthr

View Demo ยท Report Bug

Features โœจ

Adding Soon ๐Ÿšง

  • Customization Options
  • More features

Usage โšก๏ธ

Copy the markdown below and paste it in your Github Readme.

[![Readme Quotes](https://quotes-github-readme.vercel.app/api?type=horizontal)](https://github.com/piyushsuthar/github-readme-quotes)
Enter fullscreen mode Exit fullscreen mode

Options

Options default Available
type vertical horizontal, vertical

Demo

Vertical

You don't need to add ?type=vertical parameter.

readme Quotes

Horizontal

You need to add ?type=horizontal parameter.

readme Quotes

Author ๐Ÿค—

๐Ÿ‘ค Piyush Suthar

Contributing ๐Ÿค

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Special Thanks โค

Inspired from AnuragHazra/github-readme-stats.

skolakoda/programming-quotes-api for Quotes API.

Show your support ๐ŸŒˆ

Give a โญ๏ธ if this project helped you!


Made with โค๏ธ and JavaScript.

Do star โญ the repo ๐Ÿ˜

Usage

You may just copy-paste the markdown below,

[![Readme Quotes](https://quotes-github-readme.vercel.app/api?type=horizontal)](https://github.com/piyushsuthar/github-readme-quotes)
Enter fullscreen mode Exit fullscreen mode

You may have noticed only a single parameter in the URL, type. I will be adding more options soon.

Options default Available
type vertical horizontal, vertical

Preview

Vertical (Default)

You don't need to add ?type=vertical to the URL.

[![Readme Quotes](https://quotes-github-readme.vercel.app/api)](https://github.com/piyushsuthar/github-readme-quotes)
Enter fullscreen mode Exit fullscreen mode

Vertical Github Readme Quotes

Horizontal

You need to add ?type=horizontal to the URL.

[![Readme Quotes](https://quotes-github-readme.vercel.app/api?type=horizontal)](https://github.com/piyushsuthar/github-readme-quotes)
Enter fullscreen mode Exit fullscreen mode

Horizontal Readme Quotes

Customization

No options for customization yet, but will be there soon. If you wish to contribute, I'll be very happy.

Extra

PiyushSuthar's GitHub Profle

Some extra stuff to help you make an awesome GitHub Profile Readme.

Curated list of GitHub READMEs and Tools by Abhishek Naidu

GitHub logo abhisheknaiidu / awesome-github-profile-readme

๐Ÿ˜Ž A curated list of awesome GitHub Profile READMEs ๐Ÿ“

GitHub Readme Stats by Anurag Hazra

GitHub logo anuraghazra / github-readme-stats

โšก Dynamically generated stats for your github readmes

In the end,

I would like to thank you for reading this article. Your Contribution to the project is appreciated. Do follow me on GitHub and Twitter

Top comments (0)

๐Ÿ‘€ Just want to lurk?

You can still create an account and turn on features like ๐ŸŒš dark mode.