DEV Community

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.

A Software Engineer interested in Backend

Software Engineer

A

drsimplegraffiti

drsimplegraffiti

drsimplegraffi1

Languages and Tools:

aws bash docker express javascript linux mongodb mysql nginx nodejs postgresql rabbitMQ redis typescript

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)