Mary Okosun
Code and Design
Published in
3 min readJun 13, 2019

--

TIPS ON HOW TO BUILD A PERSONAL PORTFOLIO ON GITHUB

As a beginner in web development, a major challenge I encountered was having a public portfolio to house my projects. In this blog post, I would be guiding us through series of steps on how to create a Developers portfolio using GitHub. However before we dig deep into building our portfolio, it is necessary we have an idea of what GitHub means. GitHub is a version Control system that helps Developers keep track of progress in their projects. Building a personal portfolio website is quite a good start when we have projects to show but do not have a personal website.

I would be discussing few Steps as to how you could own your personal website… amazing right!!!!

Step 1-LOG IN/SIGN UP

Sign up (for new users) or Log in into your GitHub profile at https://github.com/

Step 2- FORK REPOSITORY

Open the link https://github.com/evanca/quick-portfolioquick-portfolio and click on the “Fork” icon at the top right corner of the browser.

photocredit to Ivanna Kacewica

Step 3- REPOSITORY SETTINGS

You currently have a copy of the template to use. Go to settings under the repository and scroll down to “GitHub Pages” and from “Source” select “master branch”.

photocredit Ivanna Kacewica

Step 4- RENAME PEPOSITORY

Scroll top back to repository name and in place of “yourawesomeusernamegithub.io” should be “yourusername.github.io” where username should be replaced by your actual username and select the “Rename” to change your repository name.

Step 5 - Congratulations!!! We currently have a working website. Open your browser to “yourusername.github.io” and guess what we have here….

EDITING

You could edit the logo on the website. This you could do by open the folder in your new github repository and click on “Upload files”. This then upload the files you would want to add to the website folder.

PS: Always remember to commit changes by clicking on “Commit changes” after uploading files.

In order to edit the side bar like change the Name and Surname, change the logo url, you could also add your LinkedIn url and a brief description, navigate to the repository and click on _config.yml and click on the pencil icon in order to edit. Remember to commit changes after editing the file.

You could also edit the main page of the website template, click on the index.md and then on the edit icon. You could include project links/project names and edit the page title i.e “Portfolio”

You could link a project stored either externally or on GitHub using this tutorial https://blog.usejournal.com.

You could check out my personal website https://marienoir.github.io/

Don’t forget to leave a clap and would appreciate your comments as this is my first blog post. Happy coding guys!!!!

--

--

Mary Okosun
Code and Design

Backend Developer👩‍💻 and Technical Writer✍️