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

logo

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

- Project Status: Migrated to Custom Cloud, Ongoing Code Improvement, Feature Development, and Maintenance

- Project Deployment Status: I have moved it from Heroku to custom cloud now.
Please access the content from `http://34.168.217.81:3004/quote`

- Self-Hosting and Contributions: If you wish to host the project on your own,
you can fork the repository and deploy it according to your needs. Feel free to reach
out to me if you require any assistance or have inquiries about the project.
Your contributions and involvement in the project are welcome.

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

Buy Me a Coffee at ko-fi.com

Inspired by @anuraghazra




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




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:

Oldest comments (6)

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.

Collapse
 
rajarshicode profile image
Rajarshi Das

Nice

Collapse
 
redhcp profile image
redhcp

my README profile example :)

Collapse
 
clevercoderjoy profile image
clevercoderjoy

hey this app stoopped working
plz check on it

Collapse
 
idodav profile image
Ido David

Great article!