DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 966,904 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Improve your Github Profile
Abayomi Ogunnusi
Abayomi Ogunnusi

Posted on

Improve your Github Profile

Hello fams, this post is a response to a request made by a dev about how I beautified my GitHub landing page. For most developers, GitHub serves as a place where most devs spent a reasonable amount of their time.

image

Prerequisites

πŸ”— Knowledge of markdown

🎯 First, you need a GitHub account (of course 😁), SignUp, and create a repo.

newrepo


🎯 Ensure you name it your exact GitHub profile name.
naming

🎯 Next, go to the readme.md and click on the pencil highlighted
edit


🎯 Now the fun part, you need a Github readme generator.
Click here to generate readme by rahuldkjain

The Github readme page generator looks like this πŸ‘‡πŸΌ.
genera'

Check the languages and the tools in your development and click Generate Readme
gre


🎯 When done properly, you should have something like thisπŸ‘‡πŸΌ
resul

🎯 For the image part. Choose your desired image, use photoshop or canva to edit to taste. Then all you need to do is click from your image location and drag into the readme in edit mode.

Here is my GitHub profile after following the steps

GitHub logo drsimplegraffiti / drsimplegraffiti

Config files for my GitHub profile.

Calm Developer

Hi πŸ‘‹, I'm Abayomi.

Back-End Engineer

@drsimplegraffiti's Holopin board

drsimplegraffiti

drsimplegraffiti

drsimplegraffi1

  • πŸ”­ I’m currently working on All cheat sheets

  • 🌱 I’m currently learning NestJs and Golang

Connect with me:

drsimplegraffiti drsimplegraffi1 15661401 drsimplegraffiti @drsimplegraffiti

Languages and Tools:

typescript mysql go flask docker express git heroku javascript mongodb nodejs postman react

drsimplegraffiti

Β drsimplegraffiti

drsimplegraffiti

Dev.to Post

πŸ”— Improve your Github Profile

πŸ”— Download Browser Page as PDF

πŸ”— Send mails using NodeJS

πŸ”— Chat App using Socket.io

πŸ”— Expose a local web server to the internet

πŸ”— Web scraping using Node Js

πŸ”— Bash Terminal Guide

πŸ”— Best Practices: Node JS Security

πŸ”— Postman Hacks

πŸ”— Time Zone: Nodejs

πŸ”— Conditional Rendering : REACT

How to drag and drop in the readme

Resources

Read me generator
Reference video by
Khushboo Goel

Thanks πŸ™ŒπŸ½ for reading

Top comments (0)

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.