DEV Community

Cover image for GitHub Profile README : Animated Dynamic Quote Generator
Shravan Kumar B
Shravan Kumar B

Posted on • Updated on

GitHub Profile README : Animated Dynamic Quote Generator

As everyone must be aware of the feature launched by GitHub around 6 months back called Github Profile README, where GitHub allows you to create a special profile for adding simple developer portfolio based on your creativity.


Alt Text

Inspired by @anuragharza


This article is about the release of v1.0 of the github-readme-quotes.

GitHub Dynamic Quote Generator

GitHub Dynamic Quote Generator simply allows you add an image link in the markdown (README.md) and it will show you dynamic quote for every user visiting your GitHub account.

Example Post:

 Example Post

Features

  • Quotes Layout
  • Quotes Design
  • Quotes Animation
  • Quotes Themes
  • Customization



Live Demo:

Default Theme:

Quote

Dark Theme:
Quote

There are more themes you can explore in the repo

Default Animated Dark Theme:

Quote

Socrates Layout:

Quote

Stack

Stack / Platform Used
Node.js
Express.js
Heroku

Deployed Link : https://github-readme-quotes.herokuapp.com/quote

GitHub Link : https://github.com/shravan20/github-readme-quotes

GitHub logo shravan20 / github-readme-quotes

Dynamic quote generator for your GitHub readmes | Give a poetic touch to readmes

github-readme-quotes

Dynamic quote generator for your GitHub readmes

banner

alt PRs Welcome Open Source? Yes! GitHub contributors Pull Request Counts last commit deployment-status Build Status

Featuring on Dynamic GitHub Profile Readme Quotes - Everlasting Poetic Touch to GitHub Profiles for everyone | Product Hunt


Use User Interface, to view designed quotes and copy link and paste it directly


Features

Sl No Feature Name Description
1 Dynamic Quotes Different quotes every time its rendered for GitHub Profile Readme
2 Colorful Themes Various colorful themes available for cards
3 Design Layouts Different Layout design cards are available
4 Animation Animations available for quote cards
5 Custom Quotes from GitHub Gists You can add custom quotes of your own or own choice from GitHub Gists json files
6 Quotes based on Category Different category based quotes are available

Note: To read an article on this project, please refer GitHub Profile README : Animated Dynamic Quote Generator


Github Readme Quotes

Copy and paste the following markdown content to display the quote.

![Quote](https://github-readme-quotes.herokuapp.com/quote)
Enter fullscreen mode Exit fullscreen mode


  • Themes

You can display your quote in different themes without any…

Check out the docs to learn more

We hope you guys liked the project. And make
sure to give it a star on GitHub.

Featured on Twitter:

Discussion (2)

Collapse
whyshali profile image
whyshali

Good one

Collapse
httvhutceoscop profile image
Viet NT

Hi. It's nice article.
I followed it and made my readme.md file.

My Profile

Any feedback?
Thanks.