Featured Video Play Icon

How To Create a GitHub Portfolio

Learning how to create a GitHub portfolio is a great way to showcase your work as a Junior Developer and make it easy for potential employers or collaborators to see what you can do. In this step-by-step guide, we’ll walk you through the process of creating a portfolio using GitHub Pages.

Lead Developer Career Guide Banner 01

Step 1: Create a GitHub account

If you don’t already have one, create a GitHub account. This will give you access to all of the tools you need to create your portfolio.

Step 2: Create a new repository

Once you’re logged in to GitHub, click on the “+” button in the top-right corner of the screen and select “New repository”. Give your repository a name (e.g. “portfolio”) and select “Public”. Then, click “Create Repository”.

Create a GitHub Repository
Create a GitHub Repository

Step 3: Enable GitHub Pages

In the Settings tab of your repository, scroll down to the GitHub Pages section and select “Main” branch as the source. This will enable GitHub Pages for your repository and make your portfolio live at “https://[username].github.io/[repository-name]”.

Create GitHub Pages
Create GitHub Pages

Step 4: Clone Your Repository

Next, you need to clone your repository to your local machine. You can do this either by using GitHub Desktop or the command line, whichever you prefer. You can find instructions for this in the code dropdown in your repository and you can clone your repository to any location on your local machine.

Clone a GitHub Repository
Clone a GitHub Repository

Step 5: Create the HTML and CSS for your portfolio

Now it’s time to create the HTML and CSS that will make up the pages of your portfolio. You can do this using a code editor like Visual Studio Code, and you can use a framework like Bootstrap to make the process easier. There are also many free templates available to help you get started. Here’s a link to the template I’m using.

You can also include screenshots and a brief description of your projects to give visitors an idea of what you’ve been working on.

GitHub Portfolio Template
GitHub Portfolio Template

Step 5: Optimize for SEO

To optimize your portfolio for search engines, make sure to include keywords in your HTML files, including your skill sets in your title, description, and headings. You can also include meta tags to help search engines understand what your portfolio is about.

Step 7: Share your portfolio

Once you’ve finished creating your portfolio, push your code to your repository. You can do this using the Source Control panel for VSCode.

VSCode Source Control
VSCode Source Control

If you go back to your repository settings, you should see the url for your website. You can share the link to your portfolio on your social media accounts, on your personal website, or in your email signature.

And that’s it! By following these simple steps, you’ll have a professional-looking portfolio that showcases your skills and makes it easy for potential employers or collaborators to learn more about you.

Learn More Tips On How To Create a GitHub Portfolio In My Tech Career Newsletter!

Get Valuable Learning Resources Delivered To Your Inbox Every Wednesday!

You can learn more career tips for Junior Developers, Senior Developers, Lead Developers, Project Managers, and Tech Leadership in my Tech Career Newsletter. This newsletter will give you insight into multiple stages of your career so that you can form your career plan, overcome learning blockers, and stay competitive in today’s crowded job market. It includes featured content from authors and influencers in my network to help you navigate your career and learn new skills. Use the form below to subscribe and set yourself up for career success!