{"componentChunkName":"component---src-templates-case-study-js","path":"/case-studies/github-readme-stats","result":{"data":{"markdownRemark":{"id":"ad096ed0-88a9-51ca-a3fe-6a89c2993a77","html":"<p>Hey guys! i hope you are doing well.</p>\n<p>Yesterday after seeing that lot of people on twitter are creating their Github\nprofile Readmes i thought i should do something cool &#x26; unique, so i created this\n-></p>\n<h3 id=\"Github-Readme-Stats\"><a href=\"#Github-Readme-Stats\" aria-label=\"Github Readme Stats permalink\" class=\"gatsby-remark-autolink\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Github Readme Stats</h3>\n<p><a href=\"https://github.com/anuraghazra/github-readme-stats\"><img src=\"https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&#x26;repo=github-readme-stats\" alt=\"Github Readme Stats\"></a></p>\n<p>Github readme stats allows you to simply add a markdown image link and it will\nshow you realtime stats for your github account.</p>\n<div class=\"gatsby-highlight\" data-language=\"md\"><pre style=\"counter-reset: linenumber NaN\" class=\"language-md line-numbers\"><code class=\"language-md\"><span class=\"token url\">![<span class=\"token content\">Anurag's github stats</span>](https://github-readme-stats.vercel.app/api?username=anuraghazra)</span></code><span aria-hidden=\"true\" class=\"line-numbers-rows\" style=\"white-space: normal; width: auto; left: 0;\"><span></span></span></pre></div>\n<p>And the cool thing is since it's just an image you can embed it anywhere even on\nany websites!</p>\n<p>Live Demo:</p>\n<p><img src=\"https://github-readme-stats.vercel.app/api?username=anuraghazra&#x26;v=1\" alt=\"Anurag&#x27;s github stats\"></p>\n<p>Pretty neat isn't it? Try it out right now on your profile readme too! :D</p>\n<p>After seeing that people liked the <code class=\"language-text\">Github Stats Card</code> idea i created\n<code class=\"language-text\">Github Extra Pins</code></p>\n<h3 id=\"Github-Extra-Pins\"><a href=\"#Github-Extra-Pins\" aria-label=\"Github Extra Pins permalink\" class=\"gatsby-remark-autolink\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Github Extra Pins</h3>\n<p>Github extra pins allows you to pin more than 6 repositories in your profile by\nusing github readme profile.</p>\n<p><strong>Yey! you are no longer limited to 6 pinned repos</strong></p>\n<div class=\"gatsby-highlight\" data-language=\"md\"><pre style=\"counter-reset: linenumber NaN\" class=\"language-md line-numbers\"><code class=\"language-md\"><span class=\"token url\">[<span class=\"token content\">![Reactjs</span>](https://github-readme-stats.vercel.app/api/pin/?username=facebook&amp;repo=react&amp;show_owner=true)</span>](https://github.com/facebook/react)</code><span aria-hidden=\"true\" class=\"line-numbers-rows\" style=\"white-space: normal; width: auto; left: 0;\"><span></span></span></pre></div>\n<p>Live demo:</p>\n<p><a href=\"https://github.com/facebook/react\"><img src=\"https://github-readme-stats.vercel.app/api/pin/?username=facebook&#x26;repo=react&#x26;show_owner=true\" alt=\"Reactjs\"></a></p>\n<p>Check out the\n<a href=\"https://github.com/anuraghazra/github-readme-stats#github-extra-pins\">docs to learn more</a></p>\n<p>That's it :D I hope you guys liked the project. And make sure to give it a star\non <a href=\"https://github.com/anuraghazra/github-readme-stats\">Github</a></p>\n<h4 id=\"Tweets\"><a href=\"#Tweets\" aria-label=\"Tweets permalink\" class=\"gatsby-remark-autolink\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tweets</h4>\n<p>First Release :-<br>\n<a href=\"https://twitter.com/anuraghazru/status/1281178695709814785\">https://twitter.com/anuraghazru/status/1281178695709814785</a></p>\n<p>Github Extra Pins Release :-<br>\n<a href=\"https://twitter.com/anuraghazru/status/1281280944641470464\">https://twitter.com/anuraghazru/status/1281280944641470464</a></p>\n<p>1K Stars Reached :-<br>\n<a href=\"https://twitter.com/anuraghazru/status/1284034370810966016\">https://twitter.com/anuraghazru/status/1284034370810966016</a></p>\n<p>10K Stars Reached :-<br>\n<a href=\"https://twitter.com/anuraghazru/status/1306609825640398853\">https://twitter.com/anuraghazru/status/1306609825640398853</a></p>","fields":{"slug":"/case-studies/github-readme-stats"},"frontmatter":{"demo":"//github-readme-stats.vercel.app/api/?username=anuraghazra","iframe":"//github-readme-stats.vercel.app/api/?username=anuraghazra","src":"//github.com/anuraghazra/github-readme-stats","title":"Github Readme Stats","info":{"idea":"The main idea of github-readme-stats is to serve github user's stats dynamically with the help of github api and rendered with svgs.","links":null,"tech":["Github API","Vercel","Serverless"]}}}},"pageContext":{"slug":"/case-studies/github-readme-stats"}},"staticQueryHashes":["1033876704"]}