Static Portfolio for Programmers

As a programmer we may need a portfolio as a showcase for our projects, resume or maybe blogs. If you got money, just buy a cheap hosting and you are good to go. What if you don’t and you are searching for the best and easiest way?Here I will try to explain how I made my static portfolio and blog. For understanding the concepts, an intermediate knowledge of web development is recommended.

Hosting:

As a programmer most of us are familiar with GitHub. If not “GitHub is a Web-based Git version control repository hosting service”. It provides unlimited pubic repositories (projects) and a GitHub page for each user. Also gives a domain name username.github.io. For that you need to create a repository with name “your_username.github.io” and it need to have an index.html file. If you need help visithttps://pages.github.com.

Projects:

The portfolio obviously contains your list of your projects/researches. Although it is possible to manually add/edit the projects every time, it becomes a problem. So, we can use GitHub itself to store the projects along with its description and use that information in our website. For that we need to use GitHub REST Api V3. You can get the list of projects in JSON format by simply making a GET request.Eg:https://api.github.com/users/bibhuticoder/reposGo to this link and you shall see my list of projects in JSON. With AJAX the list can be rendered easily by JavaScript.

Assets:

Now, to store your assets i.e. CSS, JS, images you can simply use GitHub or maybe other file sharing sites like Google drive and Dropbox.

Blog:

Most of the programmers combine their blogs and portfolio into one. It can also be done with Blogger API v3.There are two ways to access the API i.e. by using OAuth or simply using an API key. The API key method is best for creating a read-only blogs. The complete procedure is best explained at https://developers.google.com/blogger/.

Moreover, a Frontend JS Framework like Angular, React, Vue etc. can be used to make a Single Page portfolio. Other services like Firebase also provide the same facility for web hosting and data storage for free but it has its own limitations.

That's how I made my portfolio and my blog. Visit https://bibhuticoder.github.io to have a look. Also the source code is at https://github.com/bibhuticoder/bibhuticoder.github.io.