The latest articles on DEV Community by Piyush Suthar (@piyush). https://dev.to/piyush https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F156832%2Fde4ffdab-3a0f-4558-98e3-47749597e5e6.jpg https://dev.to/piyush en Piyush Suthar Thu, 22 Jul 2021 09:47:24 +0000 https://dev.to/piyush/windows-11-but-for-web-22h1 https://dev.to/piyush/windows-11-but-for-web-22h1 <p>Hello! </p> <p>Recently I started creating a clone of Windows 11 for web in Preact. My main focus while creating this clone was performance. It must work smoothly even on a low end device (like mine).</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj9f8wowzy388tsvjss1p.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj9f8wowzy388tsvjss1p.png" alt="image"></a></p> <p>The UI isn't complete yet. I'll be working on it in my free time. My focus while creating this is maintainability and Performance. Anyone with a basic level react knowledge should easily understand the code.</p> <p>Here's the stack I used:-</p> <ul> <li>Preact (For smooth runtime performance)</li> <li>ViteJS (For smooth development performance)</li> <li>CSS modules (I know frameworks would have been better. But I wanted some control and Performance Babe!) <ul> <li>TypeScript (Obviously :)</li> </ul> </li> </ul> <p>Try it out here -&gt; <a href="https://win11.vercel.app" rel="noopener noreferrer">Windows 11 Web</a></p> <p>I'll recommend you to contribute or atleast check the code. You'll learn something :)<br> </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/PiyushSuthar" rel="noopener noreferrer"> PiyushSuthar </a> / <a href="https://github.com/PiyushSuthar/Windows-11-Web" rel="noopener noreferrer"> Windows-11-Web </a> </h2> <h3> Awe-amazing Windows 11 clone. Oh wait, Not for your Computer, but for the web! ⚡ </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">Windows 11 Web</h1> </div> <p>Awe-amazing Windows 11 clone. Oh wait, Not for your Computer, but for the web! ⚡</p> <p>Try Windows 11 Web:- <a href="https://win11.vercel.app/" rel="nofollow noopener noreferrer">win11.vercel.app</a></p> <blockquote> <p>This isn't ready yet, and who knows when it will XD</p> </blockquote> <div class="markdown-heading"> <h3 class="heading-element">Why?</h3> </div> <p>Microsoft launched their newest version of Windows and I was very excited to test it out. So I made this!</p> <p>BTW, This project was inspired by <a href="https://github.com/PuruVJ/macos-web" rel="noopener noreferrer">Macos Web</a></p> <div class="markdown-heading"> <h3 class="heading-element">Stack</h3> </div> <ul> <li> <a href="https://preactjs.com/" rel="nofollow noopener noreferrer">Preact</a> (Now <a href="https://million.dev/" rel="nofollow noopener noreferrer">Million Js</a>)</li> <li><a href="http://vitejs.dev/" rel="nofollow noopener noreferrer">ViteJS</a></li> </ul> <div class="markdown-heading"> <h3 class="heading-element">Acknowledgement</h3> </div> <p>Thanks to <a href="https://twitter.com/JanaSunrise" rel="nofollow noopener noreferrer">Sunrit Jana</a> for writing an awesome description for this project! and to <a href="https://twitter.com/BeingMani97" rel="nofollow noopener noreferrer">Manivannan</a> for sharing icons with me!</p> <p>And to all the Super-Awesome contributors!</p> <p><em><code>(tbh, finding suitable icons is the most difficult part of making this project)</code></em></p> <div class="markdown-heading"> <h4 class="heading-element">More</h4> </div> <p>Some similar, but super awesome projects!</p> <ul> <li> <a href="https://winxp.vercel.app/" rel="nofollow noopener noreferrer">Windows XP Web</a> by <a href="https://github.com/ShizukuIchi/winXP" rel="noopener noreferrer">sh1zuku</a> </li> <li> <a href="https://macos.now.sh/" rel="nofollow noopener noreferrer">MacOS Web</a> by <a href="https://github.com/PuruVJ/macos-web" rel="noopener noreferrer">Puru Vijay</a> </li> <li> <a href="https://vivek9patel.github.io/" rel="nofollow noopener noreferrer">Ubuntu Web</a> by <a href="https://github.com/vivek9patel/vivek9patel.github.io" rel="noopener noreferrer">Vivek Patel</a> </li> <li> <a href="https://windows11.webflow.io/" rel="nofollow noopener noreferrer">Windows 11 web, but with no-code</a> by <a href="https://twitter.com/BeingMani97" rel="nofollow noopener noreferrer">Manivannan</a> </li> </ul> <div class="markdown-heading"> <h4 class="heading-element">Solution:-</h4> </div> <ol> <li>Open <code>about:config</code> in your firefox browser.</li> <li>Search for <code>layout.css.backdrop-filter.enabled</code>…</li> </ol> </div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/PiyushSuthar/Windows-11-Web" rel="noopener noreferrer">View on GitHub</a></div> </div> <h3> Demo </h3> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj9f8wowzy388tsvjss1p.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj9f8wowzy388tsvjss1p.png" alt="Light Mode Start Menu"></a><br> Start Menu (Light Mode)<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6yzniqgprl9gl95luick.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6yzniqgprl9gl95luick.png" alt="Dark Mode Start Menu"></a><br> Start menu (Dark Mode)</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkgwmu0cc8v9ogde6ml2k.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkgwmu0cc8v9ogde6ml2k.png" alt="Widget Light Mode"></a><br> Widget (Light Mode)<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fot1g5tf27ocl4a0yi0x6.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fot1g5tf27ocl4a0yi0x6.png" alt="Widget Dark Mode"></a><br> Widget (Dark mode)</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frn2bqanqchk9w204oywo.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frn2bqanqchk9w204oywo.png" alt="image"></a><br> Windows (Light Mode)</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxsifqi86trfgiio3i765.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxsifqi86trfgiio3i765.png" alt="image"></a><br> Context Menu </p> <h3> End </h3> <p>You can follow me on twitter to follow the progress <a href="https://twitter.com/piyushsthr" rel="noopener noreferrer">@piyushsthr</a>.</p> react css showdev javascript Piyush Suthar Sat, 15 Aug 2020 13:41:47 +0000 https://dev.to/piyush/add-quotes-to-your-github-profile-readme-4gp1 https://dev.to/piyush/add-quotes-to-your-github-profile-readme-4gp1 <p>Hi 🖐,<br> Recently, GitHub launched Profile ReadMe and everyone started making their unique Profile Readme.</p> <p>Developers made some cool tools to decorate their Profile READMEs. So after taking some inspiration from <a href="https://github.com/anuraghazra">Anurag Hazra's</a> <a href="https://github.com/anuraghazra/github-readme-stats">GitHub Readme Stats</a>, I too built something.</p> <h2> GitHub Readme Quotes </h2> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/PiyushSuthar"> PiyushSuthar </a> / <a href="https://github.com/PiyushSuthar/github-readme-quotes"> github-readme-quotes </a> </h2> <h3> 🔥 Add Programming Quotes To Your GitHub Readme </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <p> <a rel="noopener noreferrer" href="https://github.com/PiyushSuthar/github-readme-quotesassets/logo.png"><img width="100" src="https://res.cloudinary.com/practicaldev/image/fetch/s--KTkBxQX4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://github.com/PiyushSuthar/github-readme-quotesassets/logo.png"></a> </p> <h1 id="user-content-github-readme-quotes"><a class="heading-link" href="https://github.com/PiyushSuthar/github-readme-quotes#github-readme-quotes">Github Readme Quotes</a></h1> <h3 id="user-content-developer-quotes-for-your-github-readme"><a class="heading-link" href="https://github.com/PiyushSuthar/github-readme-quotes#developer-quotes-for-your-github-readme">Developer Quotes for your Github Readme.</a></h3> <p> <a href="https://github.com/PiyushSuthar/github-readme-quotes/issues"> <img src="https://camo.githubusercontent.com/7cb0df00e50f4bf44e5d90accac985e7204853fa80864784d771e090eb9013c4/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f5069797573685375746861722f6769746875622d726561646d652d71756f7465733f7374796c653d666c61742d737175617265"> </a> <a href="https://github.com/PiyushSuthar/github-readme-quotes/pulls"> <img src="https://camo.githubusercontent.com/844041db6d3ef4af6d507202d472f3aad413128886d3ae8d70abaeaed482c8a3/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732d70722f5069797573685375746861722f6769746875622d726561646d652d71756f7465733f7374796c653d666c61742d737175617265"> </a> <a href="https://twitter.com/piyushsthr" rel="nofollow"> <img alt="Twitter: piyushsthr" src="https://camo.githubusercontent.com/8dc286fa8b72c5e86610234fa76cba61278c4f284c0f2d6505f98a9e275b571b/68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f666f6c6c6f772f706979757368737468722e7376673f7374796c653d736f6369616c"> </a> </p> <p> <a href="https://quotes-github-readme.vercel.app/api" rel="nofollow">View Demo</a> <span> · </span> <a href="https://github.com/piyushsuthar/github-readme-quotes/issues">Report Bug</a> </p> <h2 id="user-content-features-"><a class="heading-link" href="https://github.com/PiyushSuthar/github-readme-quotes#features-">Features ✨</a></h2> <ul> <li><a href="https://github.com/PiyushSuthar/github-readme-quotes#Usage">Dynamic quotes in your GitHub README</a></li> <li><a href="https://github.com/PiyushSuthar/github-readme-quotes#Custom">Customize your own quote</a></li> </ul> <h2 id="user-content-usage-️"><a class="heading-link" href="https://github.com/PiyushSuthar/github-readme-quotes#usage-%EF%B8%8F">Usage ⚡️</a></h2> <p>Copy the markdown below and paste it in your Github Readme.</p> <div class="highlight highlight-text-md notranslate position-relative overflow-auto js-code-highlight"> <pre><span class="pl-s">[</span><span class="pl-s">![</span>Readme Quotes<span class="pl-s">]</span><span class="pl-s">(</span><span class="pl-corl">https://quotes-github-readme.vercel.app/api?type=horizontal&amp;theme=dark</span><span class="pl-s">)]</span><span class="pl-s">(</span><span class="pl-corl">https://github.com/piyushsuthar/github-readme-quotes</span><span class="pl-s">)</span></pre> </div> <h3 id="user-content-options"><a class="heading-link" href="https://github.com/PiyushSuthar/github-readme-quotes#options">Options</a></h3> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Options</th> <th>Default</th> <th>Available</th> </tr> </thead> <tbody> <tr> <td>type</td> <td>vertical</td> <td>horizontal, vertical</td> </tr> <tr> <td>theme</td> <td>light</td> <td>dark, chartreuse-dark, radical, merko, gruvbox, tokyonight, algolia, monokai, dracula, nord</td> </tr> <tr> <td>quote</td> <td>-</td> <td>Customize your quote</td> </tr> <tr> <td>author</td> <td>-</td> <td>The name of the quote's author</td> </tr> <tr> <td>border</td> <td>false</td> <td>true, false</td> </tr> </tbody> </table></div> <h2 id="user-content-installation-and-development-"><a class="heading-link" href="https://github.com/PiyushSuthar/github-readme-quotes#installation-and-development-">Installation and Development 🚀</a></h2> <p>To get started with developing this app locally, here are the steps:</p> <p>Install the dependencies for the app using,</p> <div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"> <pre>pnpm install</pre> </div> <p>And then run the app using:</p> <div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"> <pre>npx vercel dev</pre> </div> <h2 id="user-content-usage"><a class="heading-link" href="https://github.com/PiyushSuthar/github-readme-quotes#usage">Usage</a></h2> <h3 id="user-content-vertical"><a class="heading-link" href="https://github.com/PiyushSuthar/github-readme-quotes#vertical">Vertical</a></h3> <blockquote> <p>You don't need to add <strong>?type=vertical</strong> parameter.</p> </blockquote> <p><a href="https://github.com/piyushsuthar/github-readme-quotes"><img src="https://camo.githubusercontent.com/d99ac72dee72c2a1ebb43d3b39f83f0bd1704f349142a4a878e9af30881a9133/68747470733a2f2f71756f7465732d6769746875622d726561646d652e76657263656c2e6170702f6170693f747970653d766572746963616c" alt="readme Quotes"></a></p> <h3 id="user-content-horizontal"><a class="heading-link" href="https://github.com/PiyushSuthar/github-readme-quotes#horizontal">Horizontal</a></h3> <blockquote> <p>You need to add <strong>?type=horizontal</strong> parameter.</p> </blockquote> <p><a href="https://github.com/piyushsuthar/github-readme-quotes"><img src="https://camo.githubusercontent.com/21a4b5ec44b935edd970a93528adb730d7580a1fa48a09c31fcf00bfda3984ba/68747470733a2f2f71756f7465732d6769746875622d726561646d652e76657263656c2e6170702f6170693f747970653d686f72697a6f6e74616c" alt="readme Quotes"></a></p> <h3 id="user-content-border"><a class="heading-link" href="https://github.com/PiyushSuthar/github-readme-quotes#border">Border</a></h3> <blockquote> <p>You need to add <strong>?border=true</strong> parameter.</p> </blockquote> <p><a href="https://github.com/piyushsuthar/github-readme-quotes"><img src="https://camo.githubusercontent.com/de6cea5e3bb9bf99d703008f2794783f3efabd1b3bc62c38927f4e37b92d1b59/68747470733a2f2f71756f7465732d6769746875622d726561646d652e76657263656c2e6170702f6170693f626f726465723d74727565" alt="readme Quotes"></a></p> <h3 id="user-content-light"><a class="heading-link" href="https://github.com/PiyushSuthar/github-readme-quotes#light">Light</a></h3> <blockquote> <p>You don't need to add…</p> </blockquote> </div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/PiyushSuthar/github-readme-quotes">View on GitHub</a></div> </div> Do star ⭐ the repo 😁 <h2> Usage </h2> <p>You may just copy-paste the markdown below,<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight markdown"><code><span class="p">[</span><span class="nv">![Readme Quotes</span><span class="p">](</span><span class="sx">https://quotes-github-readme.vercel.app/api?type=horizontal</span><span class="p">)</span>](https://github.com/piyushsuthar/github-readme-quotes) </code></pre> </div> <p>You may have noticed only a single parameter in the URL, type. I will be adding more options soon.</p> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Options</th> <th>default</th> <th>Available</th> </tr> </thead> <tbody> <tr> <td>type</td> <td>vertical</td> <td>horizontal, vertical</td> </tr> </tbody> </table></div> <h2> Preview </h2> <h4> Vertical (Default) </h4> <blockquote> <p>You don't need to add <em>?type=vertical</em> to the URL.<br> </p> </blockquote> <div class="highlight js-code-highlight"> <pre class="highlight markdown"><code><span class="p">[</span><span class="nv">![Readme Quotes</span><span class="p">](</span><span class="sx">https://quotes-github-readme.vercel.app/api</span><span class="p">)</span>](https://github.com/piyushsuthar/github-readme-quotes) </code></pre> </div> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0KP0z1gq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/i/kxofj7bwzn28h2d4v5ai.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0KP0z1gq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/i/kxofj7bwzn28h2d4v5ai.png" alt="Vertical Github Readme Quotes" width="339" height="333"></a></p> <h4> Horizontal </h4> <blockquote> <p>You need to add <em>?type=horizontal</em> to the URL.<br> </p> </blockquote> <div class="highlight js-code-highlight"> <pre class="highlight markdown"><code><span class="p">[</span><span class="nv">![Readme Quotes</span><span class="p">](</span><span class="sx">https://quotes-github-readme.vercel.app/api?type=horizontal</span><span class="p">)</span>](https://github.com/piyushsuthar/github-readme-quotes) </code></pre> </div> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--SeaQQEfI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/i/qiv04q9a2wfqjkq7rb18.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SeaQQEfI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/i/qiv04q9a2wfqjkq7rb18.png" alt="Horizontal Readme Quotes" width="631" height="156"></a></p> <h2> Customization </h2> <p>No options for customization yet, but will be there soon. If you wish to contribute, I'll be very happy.</p> <h2> Extra </h2> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--SRB7PMMo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/i/mjjl9b531tjzcdjx8dlk.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SRB7PMMo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/i/mjjl9b531tjzcdjx8dlk.png" alt="PiyushSuthar's GitHub Profle" width="800" height="372"></a></p> <p>Some extra stuff to help you make an awesome GitHub Profile Readme.</p> <p>Curated <a href="https://github.com/abhisheknaiidu/awesome-github-profile-readme">list of GitHub READMEs and Tools</a> by <a href="https://github.com/abhisheknaiidu">Abhishek Naidu</a><br> </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/abhisheknaiidu"> abhisheknaiidu </a> / <a href="https://github.com/abhisheknaiidu/awesome-github-profile-readme"> awesome-github-profile-readme </a> </h2> <h3> 😎 A curated list of awesome GitHub Profile READMEs 📝 </h3> </div> </div> <p><a href="https://github.com/anuraghazra/github-readme-stats">GitHub Readme Stats</a> by <a href="https://github.com/anuraghazra">Anurag Hazra</a><br> </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/anuraghazra"> anuraghazra </a> / <a href="https://github.com/anuraghazra/github-readme-stats"> github-readme-stats </a> </h2> <h3> ⚡ Dynamically generated stats for your github readmes </h3> </div> </div> <h2> In the end, </h2> <p>I would like to thank you for reading this article. Your Contribution to the project is appreciated. Do follow me on <a href="https://github.com/piyushsuthar">GitHub</a> and <a href="https://twitter.com/piyushsthr">Twitter</a></p> showdev serverless github node