DEV Community

loading...
Cover image for 🤓 What's on your GitHub Profile README

🤓 What's on your GitHub Profile README

waylonwalker profile image Waylon Walker Originally published at waylonwalker.com Updated on ・1 min read

The GitHub profile feature just went live for a subset of users. Simply creating a repo named after your username, and clicking share to Profile on the sidebar will create a custom profile that shows up just above your pinned projects.

I am still trying to figure out what to put on mine, but this is what I have so far. I feel like mine is a bit big at the moment, I don't like that my pinned repos end up blow the fold.

my github profile

updated

I tightened mine up and took inspiration from a few others.

Alt Text

updated again

Updated with a list of latest Twitter followers, using GitHub actions.

waylonwalkers GitHub profile

Share a screenshot and link of yours below 👇

Discussion

pic
Editor guide
Collapse
mmphego profile image
Collapse
coderjojo profile image
coderjojo

Amazing ✨
Please add your profile to Developer Profile so that others will get inspiration to create their own. 😃

Collapse
nombrekeff profile image
Manolo Edge

Excellent stuff, thanks for sharing, I knew there were going to be quite creative ideas here!

Collapse
mmphego profile image
Mpho Mphego

I drew inspiration from github.com/CyrisXD and just mangled some code.

Thread Thread
nombrekeff profile image
Manolo Edge

It's nice that you give credit to him :) Both are quite cool! I might consider something similar.

Thread Thread
mmphego profile image
Mpho Mphego

A man should give credit where it's due.

Collapse
waylonwalker profile image
Waylon Walker Author

That is sooo cool

Collapse
mmphego profile image
Collapse
ari_hacks profile image
Ari 🪐

Cool feature!

My Profile 🙂

Alt text of image

Collapse
abhiweb profile image
Kumar Abhishek

This is the coolest profile of the lot :)

Collapse
alephalpha0 profile image
alephalpha0

This definitely takes the cake for the most minimal and aesthetically pleasing profile README that I've come across so far. 👍🤤

Collapse
waylonwalker profile image
Waylon Walker Author

That Gif is sooo cool!✨ I want one now.

Collapse
safventure profile image
Collapse
akshaykhale1992 profile image
Akshay Khale

Just started with it, sweet and simple.

github@akshaykhale1992

Collapse
waylonwalker profile image
Waylon Walker Author

I like the "Get in touch" section

Collapse
akshaykhale1992 profile image
Akshay Khale

Thank you!!!

Collapse
nombrekeff profile image
Manolo Edge

I like this feature. I just created a basic one to test it out but will be adding more content soon. you can check it at @nombrekeff, I welcome any suggestion and advice :)

I just published a DEV.to post asking for what people think about it, and what use will they be giving it. You can add your grain of sand if you'd like, I always enjoy hearing what people have to say about these new features.

Collapse
waylonwalker profile image
Waylon Walker Author

I like how you have listed out things horizontally to save space, looks great!

Collapse
nombrekeff profile image
Manolo Edge

Cheers, I discovered it on a project of mine and liked how it looked in contrast with tables, which look a bit to busy for me.

I also like the concept of having a branded banner at the top, as in yours.

Thread Thread
waylonwalker profile image
Waylon Walker Author

Agree tables can add a ton of clutter, and there isn't much benefit in keeping it in markdown as markdown tables aren't really much cleaner.

Thanks for the comment on min!

I just trimmed mine way down. You can see it live now, I will update the images later.

Thread Thread
nombrekeff profile image
Manolo Edge

It's looking great; I'll be getting some inspiration from it :)

Collapse
perpetual_education profile image
perpetual . education

Our github page screenshot

We've never tried to push markdown very far. Getting an image link to a video worked - but what other cools stuff can we put in there? Is there any way to embed canvas?

Collapse
waylonwalker profile image
Waylon Walker Author

Your mission statement is wicked cool 😎.

Not sure about canvas. Based on what I have seen on others, they take a gif and embed that in the readme. Gets rid of any interactive feature, but still give the ability to do some cool motion graphics.

Collapse
perpetual_education profile image
perpetual . education

Awe, you're sweet! It's real. ; )

Yeah - we checked out all the examples we could find that looked "animated" - and they were gifs.

If MD just spits out HTML, then it seems like you could somehow drop some JS/Vue in there - and make it interactive... or maybe just some SVG and complex hover logic. We will for sure check it out and play around. : )

Collapse
ferricoxide profile image
Thomas H Jones II

I went Old Skool

Old Skool

Still a little bummed that couldn't do it as a .plan or similar.

Collapse
waylonwalker profile image
Waylon Walker Author

I'm Curious... what is a .plan

Collapse
ferricoxide profile image
Thomas H Jones II

Back when most Unix systems were concurrently-multiuser and before fingerd was banned from most Unix systems as a security-risk, you could set up a few world-readable files in your world-readable home directory that the finger-daemon would read. Most of the common fingerd implementations would read your .plan and your .project files. Some even let you set up a "face" file (also usable by some mail systems). If someone fingered you, those files would be used to display additional information about you.

Further, the fingerd service would read additional elements from the GECOS field of your /etc/passwd entry:

  • Building and room number or contact person
  • Office telephone number
  • Home telephone number

Even to today, if you've got a personal UNIX system, you can add all of the above to your /etc/passwd file and home-directory ...just that, both due to common security settings and the fact that most UNIX systems are now single-user, nobody does any more.

Effectively, the whole GitHub profile README.md is another example of "what's old is new, again".

It probably won't be long after corporate security groups become aware of the capability that employers that try to limit what employees put on LinkedIn will be adding personal GitHub README files to their social media policies.

Collapse
brpaz profile image
Bruno Paz

Just finished mine.

Maybe a little too big, but I am generally happy about it. I think it describes me very well.

Maybe I can make the "What I do section" bullet points so it becomes smaller and with less text.

Will keep iterating on it and take inspiration on some great examples in the comment section.

Collapse
waylonwalker profile image
Waylon Walker Author

That is super detailed. 👍

Collapse
brpaz profile image
Bruno Paz

Have done a couple of changes. Now it´s smaller and more focused. Less of a CV in some parts.

Collapse
lauragift21 profile image
Collapse
waylonwalker profile image
Waylon Walker Author

Love the centering

Collapse
Sloan, the sloth mascot
Comment deleted
Collapse
fsou1 profile image
Maxim Zhukov

It looks brilliant. I like how clean and accurate you've designed it. My absolute favorite!

Collapse
waylonwalker profile image
Waylon Walker Author

Well designed and such a cool call to action!

Collapse
mangamaui profile image
Claudia

Thanks Waylon! Loving yours too btw 😊 ✨

Thread Thread
waylonwalker profile image
Waylon Walker Author

Thanks @mangamaui !

Your profile pic is super cool, Star Wars and Photography.

Collapse
anuraghazra profile image
Anurag Hazra

Here's mine

github.com/anuraghazra

And recently I created this service to help everyone add stats to their readme 😄

Check out github-readme-stats
It has lots of features, including stats card, github extra pins, dark mode, animation etc etc

github.com/anuraghazra/github-read...

Collapse
waylonwalker profile image
Waylon Walker Author

That is sooo cool. I love the animations when I go to the url.

I was so confused how this rendered as an image in a readme, but was fully highlightable and animated..... svg is amazing.

Collapse
anuraghazra profile image
Anurag Hazra

Thanks! 😄 Yes github can actually render svg images in readme even with animations

Collapse
bdougieyo profile image
Brian Douglas

Hey, y'all - Sharing my MySpace page (waiting on those CSS templates). github.com/bdougie/

It is also using GitHub Actions to power the Top8 in the developer.yaml. I will write a post on that soon.

profile screencap

Collapse
waylonwalker profile image
Waylon Walker Author

Thanks for sharing Brian. Honored to have you here in the comments. I like how you compare your profile readme to MySpace. I feel that the profile readme is the new myspace page. It gives you enough to hack on to be really fun and creative, but limits you in a lot of ways that your own website wouldn't. I also feel right now that there is a ton of sharing little snippets to get different layouts, or SSG from actions. The whole thing has kinda a MySpace feel.

Collapse
juanfrank77 profile image
Juan F Gonzalez

Well here it is

github profile

I didn't do anything fancy... cuz I'm not fancy lol. I like it though. Will be updating with more things as I go along and find some inspo 😛

Collapse
waylonwalker profile image
Waylon Walker Author

So many of us ended up here on an "accidental career path". I wouldn't have planned mine to end up here even just a few years ago. It's something that took me a long time to realize. Not everyone here was a 14-year-old programming genius or Comp Sci Superstar. Many of us are mid-career switchers who just like building cool things.

Collapse
juanfrank77 profile image
Juan F Gonzalez

Hahaha I feel the "just a few years ago" too. I'm still figuring out my way between doing development and other non-techy things that I also enjoy. 😅

Collapse
suzeshardlow profile image
Suze Shardlow

Here's mine, plus my tutorial on how to make your README :)

dev.to/suzeshardlow/new-on-github-...

image

Collapse
waylonwalker profile image
Waylon Walker Author

Thanks for the cross link @suzeshardlow ! That cover image is awesome!!

Collapse
ileriayo profile image
Ileriayo Adebiyi

🤓 @ileriayo

Inspiration:

  • punitkmryh
Collapse
waylonwalker profile image
Waylon Walker Author

Nice one @ileriayo .

If you are using this as a resume. I would suggest highlighting your top skills. The things that you most want to work with, or the things that you have the most experience with. Listing out a whole list of tech can make it seem like you don't have deep expertise in much. I do see that it shows how resourceful you are and that you are willing to learn what it takes to get the job done. I would suggest leaving 2-4 as badges and the rest can be in text format so that your top skills stand out a bit more.

Collapse
ileriayo profile image
Ileriayo Adebiyi

Thanks for the feedback on my profile, Waylon. I've made the necessary adjustments highlighting my top skills. This is indeed my resume.

Thread Thread
waylonwalker profile image
Waylon Walker Author

👏 That looks much better and far more professional. I like how the badges highlight your top skills.

You have tailwind duplicated, you might want to take that out of the text.

I like the animation from your website you should re-use that to show off your animation skills. You can take this gif and pop it in the top of your readme if you want.

When I saved it I set it not to loop, you might have to click it to see the animation.

Thread Thread
ileriayo profile image
Ileriayo Adebiyi

Hey Waylon, you went out of your way to do this.
I'm so grateful. Thanks 🙏😭

Collapse
itsasine profile image
ItsASine (Kayla)

Right now, mine is just the default readme of #ItsASine haha

I'm working on an about page for my personal site, so I might just use that copy when I'm done. That way it would further reinforce that real name is ItsASine since I don't cross those two.

EDIT:

I added a bunch of StarTrek, Chubber, and SwearTrek gifs because I think I'm clever:

ItsASine

Me
My job

Bug report

Sprint metrics

End of the day

visitors




Collapse
waylonwalker profile image
Waylon Walker Author

Great Idea to reuse your own about page. Makes things a bit more consistent as well.

Collapse
viclafouch profile image
Collapse
waylonwalker profile image
Waylon Walker Author

I like your visitor count

Collapse
matyo91 profile image
Mathieu Ledru

result

my github profil @matyo91

Thanks @Mpho && @CyrisXD

I made my with my sandbox code
Then i recorded my screen to gif on Mac

Collapse
waylonwalker profile image
Waylon Walker Author

That gif is wicked cool!!

Collapse
delta456 profile image
Swastik Baranwal

Here is mine. I know its pretty long and it is a prototype. Any suggestions are welcome.

profile-1
profile-2
profile-3
profile-4

Collapse
delta456 profile image
Swastik Baranwal

It is much better and shortened now.

github.com/Delta456/Delta456

Collapse
waylonwalker profile image
Waylon Walker Author

I like the shortened version, I'm going to use the Social section, and tables idea

Thread Thread
delta456 profile image
Swastik Baranwal

Thanks! don't forget to credit me though ;p jk

Collapse
kailyons profile image
KaiLikesLinux

Hey I am also a V programmer, dont do a lot with V rn, nor is anything on GitHub but I do work with (and sometimes on) V

Collapse
delta456 profile image
Swastik Baranwal

I know you from the discord server!

Thread Thread
kailyons profile image
KaiLikesLinux

Oh cool! I left discord almost completely. I might come back to communities in the future if Discord choses to not such, but I am in the Telegram still.

Collapse
sauravmh profile image
Saurav M H

I recently became so obsessed with 8-bit/pixelated images, I decided to kinda theme around the profile markdown with it.

Check it out here: github.com/sauravhiremath

sauravhiremath-github

P.s The chair is a rotating gif tho ⚡️⚡️.

Collapse
waylonwalker profile image
Waylon Walker Author

I like how the 8bit game style images bring in a sense of personality.

Collapse
abhiweb profile image
Kumar Abhishek

Here is mine v1; thanks to so many cool profiles in this thread for the inspiration! Keeping it simple for now.
screenshot

Collapse
waylonwalker profile image
Waylon Walker Author

Nice profile. Looks like you do a lot of stuff!

Collapse
abhiweb profile image
Kumar Abhishek

Thanks, Waylon. I just like to keep learning new things :)

Collapse
saadaakash profile image
Saad

Here's mine: github.com/SaadAAkash
Kept it concise by focusing more on its visual - colored logos & emojis.
Throw in your suggestions!

SaadAAkash on Github

Collapse
waylonwalker profile image
Waylon Walker Author

Build yourself up.

Writes simple, stupid, readable "okay" codes with less WTFs/min from code reviews, mostly in Kotlin, Java, Python & Node

"Okay" gives a feeling of low confidence, try these

  • ""
  • "awesome"
  • "production-ready"
  • "shareable"
Collapse
wjimmycook profile image
Collapse
waylonwalker profile image
Waylon Walker Author

That is a super cool gif

Collapse
wjimmycook profile image
Collapse
mzaini30 profile image
Collapse
waylonwalker profile image
Waylon Walker Author

Keep happy, smile on.

Collapse
mzaini30 profile image
Zen

🙃

Collapse
lynnlangit profile image
Collapse
waylonwalker profile image
Waylon Walker Author

I like your profile pic, I come from neighboring Iowa.

That is a wicked consistent commit history!

Do you have the new profile available? You can now Create a new repo called lynnlangit then see if you see this button. and it will show up on your profile like some of the examples here.

share to profile button

Collapse
lynnlangit profile image
Lynn Langit

cool! thanks for sharing - setting it up now

Collapse
dannysteenman profile image
Danny Steenman

I haven’t checked it out yet, but does it only support markdown? Yours looks great btw!

Collapse
waylonwalker profile image
Waylon Walker Author

Yes it's just a readme

Collapse
dannysteenman profile image
Danny Steenman

Thanks I’m going to update it soon👍

Thread Thread
waylonwalker profile image
Waylon Walker Author

Post a pic when you get it!

Collapse
perpetual_education profile image
perpetual . education

Yikes. Who knows. What a mess. You got your github (microsoft) - and your gitlab for some clients/contract - and your bitbuckets for the other clients... and the private things - and the not private things and the person things... and some old beanstalk things - and a couple random deploybot things - and the work things - and the other work thing that's secret and under another name... so - yeah. Way too much stuff - and also not enough stuff in some cases. Depends who's judging you. PRO TIP: just keep a daily diary - and you can get full green squares ; )

Collapse
nombrekeff profile image
Collapse
waylonwalker profile image
Waylon Walker Author

agree 💯 One of the reasons I like DEV is that they have removed a lot of the things that cause those negative feelings. I appreciate that.

Definitely marking 🔖 that one for a read later on.

Thread Thread
nombrekeff profile image
Manolo Edge

Worth reading, I fell into that hole for quite some time, and it can be really exhausting and un-healthy.

they have removed a lot of the things that cause those negative feelings.

Absolutely, that's the main reason I'm here, instead of other communities.

Thread Thread
waylonwalker profile image
Waylon Walker Author

Mine is full mostly because of my blog. I also appreciate that I can look at the streaks of white and know that I took a healthy break.

Thread Thread
perpetual_education profile image
perpetual . education

That's amazing. NOT working sometimes - seems like a good way to tell if someone is stable!

Collapse
waylonwalker profile image
Waylon Walker Author

I was mostly discussing the new profile feature, when you have a repo named after you username it can become your profile page now.

I agree though repos everywhere. I tend to like GitHub / GitLab the best. I use Azure DevOps a bit and it feels very corporate red tape, hide a lot of things, and make simple things complicated.

I have my blog backed by git, that's honestly 95% of my green squares. I have some family events that prevent me from getting to it everyday, I am proud that I am able to step away when needed during those times, its not easy for me.

Collapse
perpetual_education profile image
perpetual . education

Cool! We didn't see the specifics. Now we'll definitely need to build a funny thing to put there.

Collapse
coderjojo profile image
coderjojo

This is so cool!

Here is mine
my profile

Please add your profile to Developer Profile so that others will get inspiration to create their own. 😃

Collapse
waylonwalker profile image
Waylon Walker Author

Love the eight-bit octocat and the change in font. Only the second I have seen without the default font.

Collapse
aaronmccollum profile image
Aaron McCollum

Here is my profile page. I did a basic 'About Me' page and will go back to edit later. Thanks for the tip!


Collapse
kailyons profile image
KaiLikesLinux

Here is my GitHub Profile, there was a recent issue where I lost my older account so that sucked.

alt

Collapse
waylonwalker profile image
Waylon Walker Author

Do you have the new profile available?

Create a new repo called KaiLikesLinux then see if you see this button.

share to profile button

Collapse
kailyons profile image
KaiLikesLinux

I love this, will make mine less generic later but:
alttext

Thread Thread
waylonwalker profile image
Waylon Walker Author

You're in now 😎

Collapse
afc163 profile image
Collapse
nombrekeff profile image
Manolo Edge

That's original, you gained a new follower here :)

Collapse
waylonwalker profile image
Waylon Walker Author

I like the alignment of the squirrel and nut 😃

Collapse
mzaini30 profile image
Zen

I updated my README

Zen README

Collapse
waylonwalker profile image
Waylon Walker Author

Dang those are some long hours!

Collapse
mzaini30 profile image
Zen

Yeah. You're right. But, I like it 🥰🥰🥰

And, I created a tool called Efektif (mzaini30.js.org/efektif). It's like TODO app with badge as summary of done events. So, I created this app/tool for install the badge in my Github README 😂

Collapse
waylonwalker profile image
Waylon Walker Author

I am not sure what the goal of your readme is, but I would suggest telling your audience a bit about you. who are you? why are you on github? What projects are you excited about?

Collapse
mzaini30 profile image
Zen

Thanks

Collapse
aralroca profile image
Aral Roca

This is mine.
And the article about how I did it.

aralroca

Collapse
waylonwalker profile image
Waylon Walker Author

I really enjoyed the images from your article! Great way to get the latest 5 posts live on your profile. You're missing a link to your DEV profile 😉

Collapse
moopet profile image
Ben Sinclair

just went live for a subset of user

I guess I'm not one of those users. That sort of roll-out isn't a great experience for the majority of users, and it smacks of trying to hype things up with artificial scarcity.

What will I put on it if I get the chance? Probably a link back here, and that's about it. I don't really use GitHub much in terms of committing my own stuff. I know that whatever I do, it won't have icons and emoji strewn about like most people do, because I find that difficult to read!

Collapse
nombrekeff profile image
Manolo Edge

I think it's available for everyone, try and create a repo called the same as your username. You should see a green banner saying, "you've found a secret".

Collapse
abhisheknaiidu profile image
Abhishek Naidu

Finally, Awesome GitHub Profile README’s is here, If anyone, who wants to showcase their GitHub profile readme, they can share it here :

github.com/abhisheknaiidu/awesome-...

Collapse
krishnakakade profile image
Collapse
waylonwalker profile image
Waylon Walker Author

I like the update. I think you could pull some more from the bio on your website over here.

Collapse
krishnakakade profile image
krishna kakade

Okay thanks

Collapse
stefanyvasc profile image
Stefany de Sá

I really like this feature @StefanyVasc

github

Collapse
abhiweb profile image
Kumar Abhishek

Really like the simple & clean design and the colored tags!

Collapse
waylonwalker profile image
Waylon Walker Author

Love the array of color

Collapse
alvarosaburido profile image
Alvaro Saburido

That's pretty dope, taking inspiration in all your github profiles guys, Waylon it's ok for you if I use the same images you are using as badges for dev.to, twitter etc? I like the approach :D

Collapse
waylonwalker profile image
Waylon Walker Author

The banner you came up with is super rad

Collapse
alvarosaburido profile image
Alvaro Saburido

Hehehe thank you very much, I took it from my page open graph images and tweak it a little bit :D

Collapse
waylonwalker profile image
Waylon Walker Author

Go for it, just copy the images to your repo. They might change or be deleted in mine for one reason or another. I actually took half of them from another profile readme 😃

Collapse
hugoliconv profile image
Collapse
waylonwalker profile image
Waylon Walker Author

I love using tmux/vim as well. I use VSCode, because the terminal options on windows are so bad. Sometimes I open VSCode and full screen he integrated terminal, because its the best terminal I have found for me on windows.

BTW I made a PR, I wasn't sure if Clon was a thing or a typo, proceed accordingly

- clon
+ clone
Collapse
hugoliconv profile image
Hugo

It was a typo. Thanks for that ❤️❤️

Thread Thread
waylonwalker profile image
Waylon Walker Author

NP, I try to live by the Boy Scout rule in open source.

Collapse
stephanie profile image
Stephanie Handsteiner

I seem to be part of the subset that has the feature already.

Collapse
waylonwalker profile image
Collapse
stephanie profile image
Stephanie Handsteiner

No. I just don't like the taste of it.

Collapse
loouislow profile image
Collapse
waylonwalker profile image
Collapse
10secondsofcode profile image
Elango Sundar

Nice...! This is my profile - github.com/elangosundar.
Please add your README profile in github.com/elangosundar/awesome-RE...

Collapse
waylonwalker profile image
Waylon Walker Author

Your awesome readme templates site is pretty cool. You made fast work to put that together! You should have it on your own readme.

Collapse