GitHub Profile README | Create an Amazing Profile Readme | Setup + Templates

Key Takeaways

hello everyone and welcome to another javascript mastery video in this video i'm going to show you how to make your github profile stand out from the crowd there are many ways in which you can show your profile or work to the world especially if you're a programmer modern ways include hosting your own website displaying your complete portfolio this has brought freedom to utilize all the unique ideas and without any restrictions to the number of pages style or the font in the resume people now develop creative interactive online resumes which creates a good impact on potential employers recently github added the ability to add a readme file on your profile above the pinned repositories and it can take as much space above the fold of the web page as you'd like a profile level readme feels like a natural revolution of the project level convention most of the github users are already familiar with this feature allows you to show more data on the profile bio and the fact that it supports markdown means that you have infinite possibilities you can play around with emojis images gifs and pretty much anything now the next logical question would be well how can you create your own profile readme without any further ado let's do that right now once you're logged in on your github you can navigate to the top right of your screen click this plus icon and then click new repository you have to create a new repository with the same name including the letter casing as your github username for me it says that i cannot create a new one because i already have one and that's completely okay but for you it's going to say something like this you found a secret this is a special repository that you can use to add a readme md to your github profile make sure it's set to public and initialize it with a readme to get started so after you do that make sure to scroll down click add a readme and then click create repository after that you'll be navigated to a page that looks like this just a typical github repository now you can edit that readme file which was created for you let's see how it looks in action for you something is already going to be typed in here but let's type hello world if we now save this we should be able to see it above our profile as you can see it's here but that's not all that cool how are you going to create better looking and more interactive profile readmes for you i prepared a page where you can find hundreds and hundreds of different profile readme templates let's open a few for example there are the code styled ones and let's open the first five ones just so we can see how they look as you can see this one looks great in here you can type your name you can say where you're currently working at you can add all your social media and then we have a little block of code there which has some additional information let's keep going forwards and see a few more this is just two blocks of code in here a lot of things are happening again you can see having the ability to add markdown adds us so much more functionality we can specify when we are doing our commits and what did we spend time on during this week we have some more and some more again the ones that i like the most are going to be the short and sweet ones you don't want to over complicate your profile readme so let's open 5 from the short and sweet directory as you can see we have a few headings a few bullet points and then github stats and finally links to all social media let's say that i like this one i'm going to close all the rest and now how do we actually add it well you go to raw here then you copy all of that and finally you can go to your profile and then click this little icon right here after you do that you can paste everything and now you can change all the things that you want let's just change the name to show your github stats the only thing you have to do is change the username here so i'm going to do that and then we have connect with me and links to all social medias so if we now click commit changes at the bottom of the page let's see how it looks like as you can see that's great we can see my stats you can see the links to social medias the headings the bullet points and the best thing is that it actually shows on your bio on your profile above your pinned repositories that's amazing in here you can provide information on which stack are you working on or maybe even specify that you're looking for a job that's it now you know how to add your profile readme but that's not it on having your github profile stand out you can see how i have this pinned repositories here i also try to contribute as much as i can and i made sure that all my projects have nicely written readmes with live links descriptions images live sites and all the important details so allow me to show you how you can do the same things on the pages of your projects first of all let's talk about the readme if you click this little pen icon right here it's going to show us the markdown to use a heading in markdown you can use a hash symbol to create a smaller heading you can use two or three hashes in here i'm also using a link everything that's inside of the square brackets is going to be the thing that's going to be written inside of a link and this inside of the parentheses is going to be the actual link where you're going to be taken once you click on this text in this case it's a link pointing to the site i deployed on netlify you can see that right there no one has to actually run the code install the dependencies they can just click a link and they are there moving forward this is the actual image i just took a screenshot of the software and then just uploaded it to the internet and then you can use the link if you just google online image upload you should find a lot of services that allow you to simply host your images online and then they give you a link and you can use that link right there and finally this is the introduction with all the descriptions and what's nice to have is the setup so in here i tell the users how they can run and install the dependencies if they want to run this project locally furthermore in here this is the about part a really important part as well github added a lot of functionalities to this part recently in here for this project i simply said this is a code repository for the corresponding youtube video in this tutorial we're going to build and deploy a real-time chat application cover topics react node express and socket io you can also add tags here to edit it you can click this little icon and that leads you to this in here you can add that website topics and you can even specify what they want to include in here that's it with just a little bit of work you can make your pages stand out here's a little update more than 10 months have passed since i started creating the complete path to javascript mastery this is a long course that covers absolutely everything you need to know about javascript starting with easy things such as variables logic and control flow functions tricky concepts even some projects and then moving on to more complex topics such as arrays in detail objects in detail and to more complex topics such as value versus reference prototypes asynchronous javascript and so on if you're interested in learning javascript in depth more than you learned it in any course you've taken so far then you might be interested in this the course is not yet out but you can sign up for the mailing list the link is going to be down in the description you can enter your email just to be sure you can know when the course is released you're also going to get a big discount just for being on the mailing list when the course is released if you'd like me to make this video into a series where i'm going to help you to optimize your github profile or just in general give you some tips on getting hired just let me know and i'm going to turn this into a series for that leave a like comment and subscribe see you in the next one [Music] you