How To Build a Portfolio On GitHub Pages

A portfolio is hands down the most effective way for developers to demonstrate their previous experience and achievements. Presenting your body of work in a well-curated manner can play a big role in helping you stand out from other job applicants, and get your potential new employer excited about the skillset you offer.

A portfolio is hands down the most effective way for developers to demonstrate their previous experience and achievements. Presenting your body of work in a well-curated manner can play a big role in helping you stand out from other job applicants, and get your potential new employer excited about the skillset you offer.

As an increasing number of developers opt to create websites for their portfolios, it can be challenging to figure out how best to create an online portfolio at an economical price. Luckily, GitHub offers an option to host your portfolio free of charge while still being accessible to a large audience. This article will guide you through the creation of a unique portfolio on GitHub without requiring any previous HTML or JavaScript experience. So, without further ado, let’s dive in!

Portfolio Creation

Photo by Joshua Aragon on Unsplash

Select a template

There are plenty of websites providing free boilerplate HTML templates and you can use any popular theme websites to find a great option (such as Envato or TemplateMonster). The one I use personally, and that we will be using for this tutorial, can be found on HTML5up. I am not sponsored by them so this is just a convenient website I found on Google. This template does not initially come with images but, as we can access issues on other sites, this isn’t an issue. Unsplash is a great source for free reusable images in high quality which we will use later on in this guide.

I recommend that your template be professional and simple in appearance, this may mean that you need to delete quite a few details fom your current portfolio and retain only some personal information and details of previous projects. Once you decide on the template, your download should include some HTML files and possibly other fonts and images. You may unzip the files anywhere you like; if you are using the same website, I recommend something similar to Massively or Multiverse.

portfolio javascript github html github-pages

Responsive Personal Portfolio Website using HTML CSS & JavaScriptimages: https://drive.google.com/file/d/13BDferyPhdeisOAAVBRrvwdaYh28Vnci/view?usp=sharingSo...

I am an ML developer and knows very little about web-development, I needed to showcase my skills to the world so I recently made a portfolio for myself in just 2 days. Have a look at it. Do you liked it? Well, you could also make a pretty interactive and beautiful looking portfolio for yourself in a very little amount of time. In this tutorial we would be focusing on learning how to get a starter-template from Gatsby to build a portfolio and hosting it on GitHub Pages so that you can share it with anyone and anywhere easily.

Create a responsive and professional landing page using HTML, CSS, and JavaScript programming code. A landing page is the first page of a website.

Responsive Personal Portfolio Website using HTML CSS & JavaScriptImages: https://bit.ly/353QF2ZDemo: https://edem-portfolio.netlify.app/Source Code: https://...

Long story short: Jekyll is a template engine changing markdown documents on static HTML webpages, that you can then host anywyere, because you don't need databases or server that has PHP or Python.