Skip to content

How to create a profile that displays on your GitHub landing page previewing what you're all about as a developer

Notifications You must be signed in to change notification settings

amarpan/how-to-create-a-github-profile

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 

Repository files navigation

How to Create a GitHub Profile

Written by Amar Panjwani
Technical Writer

Portfolio Badge
LinkedIn Badge
Stars Forks
Version

If you find this tutorial helpful, please consider giving it a ⭐

Final profile preview


Creating a GitHub profile is a great way to show visitors what you're all about as a developer - what languages and frameworks you know, types of work you are interested in, and general background information.

In this guide, we'll cover how to create a repository that doubles as a profile and how to add advanced tools that display cool statistics about your coding history and habits.

Create a Profile Repository

To make a GitHub profile, you must first create a repository with the same name as your GitHub username.

1. Create a new repository

In the upper-right hand corner of the GitHub dashboard:

  • a. Click +
  • b. Click New repository

New Repository


2. Add the details for the new repository

  • a. Under "Repository name", type in your GitHub username
    For example, if my GitHub username is linuxfan123, I would type in linuxfan123
  • b. Click the Public option so all users can see your newly created profile
  • c. Check the Add a README file box
  • d. Click the green Create repository button to make the new repository with all the above settings

Create new repository

3. View your new default profile

  • a. Click the white View Profile button on the right side of the page
  • b. Take a look at your new profile - by default, some placeholder text is inputted.
  • c. Click the pencil icon in the top-right hand corner of your new profile to initiate editing

Created profile

Default new created profile

4. Edit your new profile

  • a. Delete lines 3-6 and the ending -->

Edit Profile

  • b. Add the missing information - think about what important information visitors looking at your code should know
  • c. Click the Preview tab to see what the new edits will look like

Preview Edits

  • d. When satisfied, click the green Commit changes button to finalize the changes

5. View your new profile

In the upper-right hand corner of the GitHub dashboard:

  • a. Click your profile picture
  • b. Click Your Profile

View New Profile

Advanced Coding Statistic Add-ons

You can also choose to add from a variety of add-on tools that display insightful and interesting statistics about your coding history and habits.

Note: Make sure to replace <your-github-username> with your own GitHub username when using the following code snippets and then delete the angle brackets <>.

Activity

Displays total stars, commits, pull requests, etc.

Activity


[![Activity](https://github-readme-stats.vercel.app/api?username=<your-github-username>&count_private=true&show_icons=true&include_all_commits=true&theme=vue-dark&custom_title=Activity)](https://github.com/anuraghazra/github-readme-stats)

Top Languages

Lists your most frequently coded in languages by percentage

Top Languages
[![Top Languages](https://github-readme-stats.vercel.app/api/top-langs/?username=<your-github-username>&theme=vue-dark&custom_title=Languages&layout=compact)](https://github.com/anuraghazra/github-readme-stats)

Repository Highlight

Displays a single repository (just as it would look underneath your GitHub profile)

<a href="https://github.com/<your-github-username>/<repository-name>"><img align="center" style="margin:20px" src="https://github-readme-stats.vercel.app/api/pin/?username=<your-github-username>&repo=<repo-name>&theme=vue-dark" /></a>

Streak Counter

Lists your current and longest streak of making at least one daily GitHub commit
GitHub Streak Counter
[![GitHub Streak Counter](https://github-readme-streak-stats.herokuapp.com/?user=<your-github-username>&theme=vue-dark)](https://git.io/streak-stats)

Visitor Counter

A running counter of how many times your GitHub profile has been visited

Visitor Counter
![Visitor Counter](https://visitor-badge.laobi.icu/badge?page_id=<your-github-username>.<your-github-username>)

***If you found this tutorial helpful, please consider giving it a ⭐

Copyright ©️ 2021-2022

How to Write a Coding Bootcamp README

How to Change Z Shell Themes

How to Use the Command Line Vim Editor

About

How to create a profile that displays on your GitHub landing page previewing what you're all about as a developer

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published