Skip to content

GitHub Profile Optimization Guide for newbies with link and references

Notifications You must be signed in to change notification settings

wadeedmadni/GitHub-Profile-Guide

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 

Repository files navigation

πŸ“œ GitHub Profile Guide πŸ“œ

πŸ‘¦ Author: Wadeed Madni

I am making this Repo as a guide for newbies who wants to stand out by having a cool github profile readme.

❗❗ Here I am taking my own profile as a reference and you can find some other developer's profile at the end of this repo for some creative ideas.

Languages Used:

HTML5 Badge Markdown Badge


1. Create a repository of your name with readme

2. Introduction

You can start from the heading of your profile, introducing your self

<h1 align="center">Hi πŸ‘‹, I'm Wadeed Madni</h1>

Result πŸ‘‡

Hi πŸ‘‹, I'm Wadeed Madni

You can use any emoji as per your prefrence

2.1 Typescript Animation for your Name or your Position

Go to https://readme-typing-svg.herokuapp.com and generate the text however you want to and copy the code after you are finished.

Code for 2 line animation will look somthing like this:

<h3 align="center">
  <a href="https://git.io/typing-svg"><img src="https://readme-typing-svg.herokuapp.com?font=Fira+Code&pause=1000&color=F7F7F7&center=true&multiline=true&width=435&lines=An+Aspiring+Data+Scientist;+%26+Data+Enthusiast" alt="Typing SVG" /></a>
  </h3>

Result πŸ‘‡

Typing SVG

3. Github Activity Graph

You can have your own personalzied activity graph.
❗ Github's greenboxes will still be there but below the README πŸ˜„

![Wadeed's github activity graph](https://github-readme-activity-graph.vercel.app/graph?username=wadeedmadni&theme=react)

Just replace my username with yours and choose the theme by visiting the repo and reading the README

Result πŸ‘‡

Wadeed's github activity graph

4. Profile Views Counter

It does not count the unique profile view but how many times your profile is viewed

![Profile Views](https://komarev.com/ghpvc/?username=wadeedmadni&color=blueviolet&label=Profile+Views)

Just replace my username with yours and choose the color from below by visiting the repo

Result πŸ‘‡

Profile Views

Customize

You can use any valid HEX color or pick from a predefined set of named colors where blue is the default color

Color Demo
brightgreen
green
yellow
yellowgreen
orange
red
blue
grey
lightgrey
blueviolet
ff69b4

5. Badges

You can use diffenret badges to show your skills, links etc

❗ You need to understand the links in order to change them.

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/wadeedmadni)](https://www.linkedin.com/in/wadeedmadni)

# In the link " https://img.shields.io/badge/-LinkedIn-blue? "

# {Linkedin} is the name of the badge and {blue} is the color of the badge.


# After the above link, in the next line " style=flat&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/wadeedmadni " 

# {style} is for the shape of badge, {logo=Linkedin} is for the shape of the logo so when you will change it, the logo will change, {logoColor} is for the color of the LOGO INSIDE the badge and {link} is for your link to which you want to redirect when clicked

Result πŸ‘‡

Linkedin Badge

❗ You can also use logo's HEX code to make the badge color accurate. Notice the HEX code below:

[![Instagram Badge](https://img.shields.io/badge/-Instagram-E4405F?style=flat&logo=Instagram&logoColor=white&link=https://www.instagram.com/wadeed.madni)](https://www.instagram.com/wadeed.madni)

Result πŸ‘‡

Instagram Badge

You can visit Simple Icons, type the name of icon you are making and copy its HEX code and paste it in the link.

6. Refrence Github Profiles

  1. https://github.com/DiptoChakrabarty
  2. https://github.com/kaiwalyakoparkar
  3. https://github.com/RemcoHalman
  4. https://github.com/JoykishanSharma

Made with ❀️ by Wadeed Madni

About

GitHub Profile Optimization Guide for newbies with link and references

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published