IMPORTANCE OF GITHUB PROFILE README

#beginners #github #markdown #programming

Crafting an Impressive GitHub Profile README

In this article, we'll explore how to create an impressive GitHub Profile README to stand out in the developer community.

Getting Started

Creating a New Repository for Your Profile README

Start by creating a new repository with the same name as your GitHub username. This repository will be your profile README repository. For example, if my GitHub username is "vivek09thakur" then the repository should be named "vivek09thakur/vivek09thakur"

Add a README file

While creating this repo you must check "Initialize this repository with: README box"

And make sure that the repo is public

And now you are all set just go to that repo and start editing README.md file of the repo and after you edited and wrote everything about you , just save and commit changes and done.

This will show as a cover page of your github profile.

Just Like this

Some tips from me :D

There are few things which you can do to make your profile readme looks awesome.

Expressing yourself, your passion, your hobbies, things you like, what are you learning and how peoples can reach to you

Describing your languages and tools

For this I just did this in my README file :


**Languages and Tools**

<p align="left">
    <p align="left">
        <!-- Github Stats -->
        <img width="450px" height="auto" align="right" src="https://github-readme-stats.vercel.app/api?username=vivek09thakur&hide_border=True&theme=tokyonight">
        <!-- HTML5 -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/3/38/HTML5_Badge.svg/768px-HTML5_Badge.svg.png?20110131171049' width='38px' height='auto'/>
        <!-- CSS3 -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/CSS3_logo.svg/638px-CSS3_logo.svg.png' width='38px' height='auto'/>
        <!-- Javascript -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/JavaScript-logo.png/900px-JavaScript-logo.png' width='38px' height='auto'/>
        <!-- Bootstrap -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Bootstrap_logo.svg/638px-Bootstrap_logo.svg.png' width='42px' height='auto'height="auto" style="margin-bottom:5px"/>
        <!-- ReactJs -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/638px-React-icon.svg.png' width='38px' height='auto' style="margin-bottom:7px"/>
        <!-- C++ -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/ISO_C%2B%2B_Logo.svg/638px-ISO_C%2B%2B_Logo.svg.png' width='36px' height='auto'/>
        <!-- Python3 -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/638px-Python-logo-notext.svg.png' width='38px' height='auto' style="margin-bottom:-5px"/>
        <br/>
        <!-- Jupyter Notebook -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/3/38/Jupyter_logo.svg/638px-Jupyter_logo.svg.png' width='38px' height='auto'/>
        <!-- Pandas -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/22/Pandas_mark.svg/638px-Pandas_mark.svg.png' width='38px' height='auto'/>
         <!-- colab -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Google_Colaboratory_SVG_Logo.svg/638px-Google_Colaboratory_SVG_Logo.svg.png' width='60px' height='auto' style="margin-left:-10px"/>
        <!-- Tensorflow -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tensorflow-svgrepo-com.svg/638px-Tensorflow-svgrepo-com.svg.png' width='38px' height='auto'/>
        <!-- Pytorch -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Pytorch-svgrepo-com.svg/638px-Pytorch-svgrepo-com.svg.png' width='38px' height='auto'/>
        <!-- Django -->
        <img src='https://cdn.worldvectorlogo.com/logos/django.svg' width='30px' height='auto' style="margin-bottom:-5px"/>
        <!-- Flutter -->
        <img src='https://www.svgrepo.com/show/353751/flutter.svg' width='38px' height='auto'/>
        <br/>
        <!-- git -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Git_icon.svg/146px-Git_icon.svg.png?20220905010122' width='38px' height='auto'/>
        <!-- VS code -->
        <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Visual_Studio_Code_1.35_icon.svg/768px-Visual_Studio_Code_1.35_icon.svg.png' width='38px' height='auto'/>
        <!-- andriod studio -->
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/95/Android_Studio_Icon_3.6.svg/768px-Android_Studio_Icon_3.6.svg.png?20210301045217" width="36px" /> 
        <!-- google idx -->
        <img src='https://idx.dev/images/code-chevron.svg' width='38px' height='auto'/>
        <!-- google cloud -->
        <img src='https://www.svgrepo.com/show/448223/gcp.svg' width='38px' height='auto'/>
        <!-- Firebase -->
        <img src="https://upload.wikimedia.org/wikipedia/commons/4/46/Touchicon-180.png?20200723100028" width="38px" height="38px">
        <!-- Figma -->
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Figma-1-logo.png/638px-Figma-1-logo.png" width="40px"> 
        <br/>
</p>

Adding a stat card to your github

This will not only for visitors but also for yourself to get to know how far you are going. To add a stats card you can visit this link and a stats card to your profile.