The latest articles on DEV Community by Uzor13 (@uzor13). https://dev.to/uzor13 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%2F107400%2F5ec14f01-5f5c-42c9-a32b-a968ad9838c6.png https://dev.to/uzor13 en Uzor13 Sun, 01 May 2022 19:19:02 +0000 https://dev.to/uzor13/creating-your-personal-github-readmemd-2hfb https://dev.to/uzor13/creating-your-personal-github-readmemd-2hfb <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--cqrVjmpO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode.com/res/hashnode/image/upload/v1623346250674/0iJW474c5.jpeg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--cqrVjmpO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode.com/res/hashnode/image/upload/v1623346250674/0iJW474c5.jpeg" alt="roman-synkevych-UT8LMo-wlyk-unsplash.jpg" width="880" height="606"></a></p> <p>Photo by <a href="https://unsplash.com/@synkevych?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Roman Synkevych</a> on <a href="https://unsplash.com/s/photos/github?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></p> <p>Have you ever been to someone's GitHub profile and wondered how they had that nice portfolio looking section, and didn't know to create one, it's a cool thing you can do on GitHub to showcase your main repositories so when visitors or hiring managers drop by, they don't have to dig too deep to find it, drop your social media account links in an iconic way or view stats of your whole GitHub repositories and much more other cool features?</p> <h2> Getting started </h2> <p>The first step in doing that is to create a new repository with your exact username, initialize a readme.md file and you're ready for business. </p> <h2> What's next? </h2> <p>The next thing is to get a bit familiar with the markdown syntax as that would be what you would use to create that space. You can check out Github's markdown cheatsheet here to get started: <a href="'https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf'">https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf</a> or <a href="'https://daringfireball.net/projects/markdown/'">https://daringfireball.net/projects/markdown/</a> to get started with markdown.</p> <h2> Okay, what next? </h2> <p>Personally, I would create a draft of the content that I would add there and if there's any extra pizzaz like a banner that I want to add, then I design it. I used <a href="'https://www.canva.com/'">canva.com</a> to design the banner in the image above(sorry but Github doesn't have that feature yet or ever?). </p> <h2> Let's dive in </h2> <p>Image code:</p> <p><code></code>. </p> <h3> Socials icons </h3> <p>The icons I used for the socials is from <a href="'https://img.shields.io/'">img.shields.io</a>. </p> <p><code>&lt;p align="center"&gt;<br> &lt;a href="https://twitter.com/justvibes401"&gt;&lt;img src="https://img.shields.io/badge/twitter-%231DA1F2.svg?&amp;style=for-the-badge&amp;logo=twitter&amp;logoColor=white" height=25&gt;&lt;/a&gt; <br> &lt;a href="https://medium.com/@p-uzor99"&gt;&lt;img src="https://img.shields.io/badge/medium-%2312100E.svg?&amp;style=for-the-badge&amp;logo=medium&amp;logoColor=white" height=25&gt;&lt;/a&gt; <br> &lt;/p&gt;</code>. </p> <p>This part is just HTML as you can also use HTML for some parts in a readme file.</p> <h4> Profile views </h4> <p><code></code>, change uzor13 to your Github username.</p> <h4> Repo card </h4> <p><code>[](https://github.com/uzor13/github-readme-stats)</code>, change the username and repo to yours and you can also find out more theme names <a href="'https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md'">here</a> and tweak your heart desire.</p> <h4> Stats card </h4> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hknvZwTe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode.com/res/hashnode/image/upload/v1623345254068/dJsebNDIOd.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hknvZwTe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode.com/res/hashnode/image/upload/v1623345254068/dJsebNDIOd.png" alt="Screenshot (50).png" width="880" height="205"></a></p> <h2> Conclusion </h2> <p>There are still many features that can be added, the aim is to make it personal and fill it up with things you like.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--zhyaA_Ez--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode.com/res/hashnode/image/upload/v1623353409959/ycwNgIfPZ.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--zhyaA_Ez--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode.com/res/hashnode/image/upload/v1623353409959/ycwNgIfPZ.png" alt="Screenshot (30).png" width="880" height="496"></a> A screenshot of mine</p> <p>This is my first article so thanks for reading to the end.</p> github git webdev beginners