PETER Samuel

Posted on Jun 16

How I Created and Published My Resume on GitHub Pages: Step-by-Step Guide for Beginners

#github #git #cloud #webdev

Introduction

In the current technology-driven world, having an online presence is essential for every IT professional. One of the simplest and most effective ways to establish this presence is by hosting your resume online. This not only showcases your technical skills but also demonstrates your ability to work with tools commonly used in modern software development workflows.

In this project, I have built and published my personal resume as a live web page using GitHub Pages. The process involved creating a basic HTML resume, managing it with Git (a version control system), and deploying it to the web using GitHub’s free hosting service.

This article is a detailed, step-by-step guide that walks through the entire process, carefully explaining each command and decision made. It is written to help both beginners and those familiar with Git who may want to solidify their workflow.

By the end of this article, you will understand:

How to structure a resume using HTML.

How to track your project using Git.

How to push a project to GitHub.

How to host a live website using GitHub Pages.

This project not only demonstrates my ability to use version control and cloud hosting platforms but also showcases a practical approach to building a personal portfolio using open web technologies.

Step 1: Create Your Resume in HTML
I created my real resume in an HTML file named index.html. This file serves as the homepage when hosted using GitHub Pages.

Here is the complete HTML version of my resume:

<!DOCTYPE html>

Samuel Peter Chinonso - Resume

Samuel Peter Chinonso

Cloud Computing Enthusiast | Entry-Level Cloud Engineer | IT Support

Ojodu Berger, Lagos | +234 803 493 5799 | samuelpeterchinonso@gmail.com

LinkedIn: peter-samuel

<h2>Professional Summary</h2>
<p>Motivated and detail-oriented cloud computing professional with hands-on experience in cloud infrastructure, virtualization, and IT support. Skilled in AWS, Azure, and Google Cloud. Seeking an entry-level role to contribute to cloud projects.</p>

<h2>Technical Skills</h2>
<ul>
    <li>AWS, Azure, Google Cloud</li>
    <li>Terraform, Docker, Kubernetes (Basic)</li>
    <li>Linux, Windows Server</li>
    <li>Networking: TCP/IP, DNS, Load Balancing</li>
    <li>Security: IAM, Firewalls, Encryption</li>
    <li>Python (Basic), Bash, PowerShell, CloudWatch</li>
    <li>IT Support, System Administration</li>
</ul>

<h2>Professional Experience</h2>
<h3>Cloud Instructor - Skill Schule | Jan 2025 – Present</h3>
<ul>
    <li>Delivered foundational cloud computing training on AWS, Azure, and Google Cloud.</li>
    <li>Guided students through practical cloud deployment projects.</li>
</ul>

<h3>Sales & Cloud Solutions Advisor - Utiva | Sep 2023 – Dec 2024</h3>
<ul>
    <li>Advised clients on SaaS cloud solutions and provided technical support.</li>
</ul>

<h2>Certifications</h2>
<ul>
    <li>AWS Certified Cloud Practitioner (In Progress)</li>
    <li>Microsoft Azure Fundamentals (In Progress)</li>
    <li>Google Cloud Essentials (Coursera)</li>
</ul>

Why I Did This:
HTML is lightweight, fast, and perfect for web publishing.

It displays directly in browsers (no need to download).

Step 2: Create a Project Folder

I opened Git Bash and created a new folder to store my project files.

mkdir website
cd website

The mkdir website command creates a new directory named website. The cd website command moves me into the newly created folder. This sets up the working environment where all my project files will be stored.

Step 3: Initialize Git in the Folder

I initialized Git to track the project:

git init

This command starts a Git repository in the folder by creating a hidden .git directory. This enables Git to track all changes made to files within the project.

Step 4: Check Git Status

I verified the status of the repository using:

git status

The git status command provides information about the current state of the project, showing which files are staged, unstaged, or untracked. It helps confirm whether files are ready to be committed.

Step 5: Add My Resume to Git

I added my resume file to the staging area:

git add index.html

The git add command stages the index.html file, telling Git to start tracking it and preparing it for the next commit. Staging files ensures that the correct changes are included in the next save point.

Step 6: Commit the Changes

I saved the file in Git history with:

git commit -m "Add real resume"

The git commit command permanently records the staged changes in the repository. The -m flag allows me to write a meaningful message describing what the commit contains, which in this case is adding my real resume.

Step 7: Connect to My GitHub Repository

I linked my local project to my GitHub repository:

git remote add origin https://github.com/yourusername/your-repo.git

This command connects the local Git repository to the remote GitHub repository. The origin is an alias that points to the remote URL where my project will be pushed.

Step 8: Push to GitHub

I pushed the project to GitHub using:

git branch -M master
git push -u origin master

The first command renames the current branch to master to align with GitHub Pages default settings. The second command pushes my project files from my local machine to the GitHub repository, making them available online.

Step 9: Host on GitHub Pages

I completed the process by hosting the project on GitHub Pages:

I navigated to my GitHub repository.

I selected Settings.

I clicked Pages on the sidebar.

I selected the master branch and clicked Save.

GitHub provided a link like:

https://yourusername.github.io/your-repo

After a few seconds, my resume was publicly accessible online.

Key Lessons Learned

I gained practical experience using Git and GitHub for project management.

I learned how to deploy a personal project using GitHub Pages.

I built a live, professional web resume that can easily be shared with potential employers.

Conclusion

Creating and publishing my resume on GitHub Pages has provided me with valuable hands-on experience in version control, project deployment, and cloud-based hosting. It is a straightforward project that demonstrates essential technical skills, and I recommend this approach to anyone who wants to start building their online portfolio.

This project showcases my ability to:

Structure a project using Git.

Push and manage files on GitHub.

Deploy live web content.

For aspiring cloud engineers and IT professionals, this is an excellent foundational project.