Introduction
In today’s tech-driven world, showcasing both technical skills and personal branding is essential. This project demonstrates how I used Git Bash and GitHub to version control and publish my professional resume. By doing so, I not only practiced core Git commands but also created a transparent, accessible, and always-updated space for recruiters and collaborators to view my career journey.
This project focuses on practical usage of Git for:
- Initializing a local repository.
- Adding and committing files.
- Connecting to a remote GitHub repository.
- Pushing updates to maintain the latest version of my resume.
Prerequisites
Before starting, you need to have Git installed on your system. Follow these steps:
- Download Git: Visit the official Git website at https://git-scm.com
- Install Git: Download the version for your operating system (Windows, macOS, or Linux) and follow the installation prompts.
- On Windows, you will also get Git Bash, a command-line tool to run Git commands.
Step 1: Sign in to your Github account to Create a New Repository.
- Click the + icon in the top-right corner and select New Repository.
- Give your repository a name (e.g., Resume).
- Choose whether you want it to be Public or Private.
- Click Create Repository.
Step 2: Configure Git environment
- Configure your Git environment by logging into GitHub from your Git terminal.
- Open Git Bash on your computer.
- Type the following command to set your username: -** git config --global user.name "YourGitHubUsername"**
Example:
git config --global user.name "Subair-09"
Type the following command to set the email associated with your GitHub account:
git config --global user.email "youremail@example.com"
Example:
git config --global user.email "nuddywale@gmail.com"
- shows all the Git configuration settings currently active on your system using the command git config --list
Step 2: Create a Directory in Git Bash and Name It After My GitHub Repository
- Type this command to create a directory in Git bash and name it your repository name you created in GitHub
mkdir Resume
Type this command to CD(Open) into your directory
cd Resume
- Type this command to initializes a new Git repository in your current directory and Creates a hidden .git folder inside your project directory.
-git init
- Git init will create a new Git repository folder in the current directory on your local host.
Step 3: Create a File Inside the Directory
- To create a new file in your directory, use the touch command followed by the file name and extension:
- touch filename.extension
Example:
touch resume.html
This will create an empty file named index.html inside your current directory.
Step 3.1 Edit Your File Using the vi Text Editor
- Open the file in the vi editor by typing:
- vi resume.html
- Press the i key to enter insert mode, which allows you to type and edit text in the file.
- Add your HTML code of your resume to the resume.html file.
- To save and exit:
- Press the Esc key to leave insert mode.
- Type :wq and press Enter.
- w = write (save changes)
- q = quit (exit the editor)
- Your changes will now be saved to resume.html
*Step 4: Connect Local Repository to GitHub *
- Click on the Code button in Github and copy the HTTPs link.
Step 4.1 Connect the local repository to Github using the command
git remote add origin
For example:
git remote add origin https://github.com/Subair-09/Resume.git
Step 4.2: Add Your File to Git
- Type the following command to stage your resume.html file so it can be tracked and uploaded to GitHub:
git add resume.html
Step 4.3 : Check the Status
- Run this command to view the current status of your repository and confirm the changes you’ve staged:
git status
Step 5: Committing Changes to My Project
- Before you can push to GitHub, you need to commit your changes.
- A commit is like saving a snapshot of your project history. Always add a message to describe what you’ve done.
git commit -m "Added my professional resume file"
Step 6: Pushing My Code to GitHub
- After committing, the next step is to push your code to GitHub so it’s available online.
- This command uploads your local commits to the master branch of your GitHub repository.
git push origin master
Step 7: resume.html Successfully Pushed to GitHub
- The resume.html file has been successfully pushed and is now available in my GitHub repository. You can view it directly on the GitHub website.
Step 8: Hosting My Resume on GitHub Pages
After pushing my project to GitHub, I noticed the “Compare & Pull Request” option, which usually appears when new commits are pushed. Since my goal was to publish the project as a live site, I moved to GitHub Pages settings.
- I navigated to Settings > Pages.
- Under Build and Deployment, I changed the branch from main to master and clicked Save.
- GitHub automatically generated a deployment URL.
- I refreshed the page, and a “Visit site” link appeared.
- Clicking the link opened my project, and my resume.html file was successfully displayed online.
- Now my resume is live and accessible via a public GitHub Pages URL.
Conclusion
This project successfully demonstrates how Git and GitHub can be used not only as version control tools but also as platforms for personal branding and professional visibility. By walking through the process of initializing a local repository, committing changes, pushing updates, and deploying through GitHub Pages, I was able to transform my resume from a static document into a live, web-accessible portfolio.
Through this workflow, I gained practical experience in:
- Mastering essential Git commands (git init, git add, git commit, git push).
- Understanding the importance of version control in tracking and managing project changes.
- Leveraging GitHub as a hosting platform to create a publicly available professional asset.
The end result is a dynamic, always-up-to-date resume site that recruiters, collaborators, and peers can access with ease. Beyond showcasing technical ability, this project highlights the value of combining technical competence with personal branding, ensuring that my professional journey is both transparent and accessible in today’s digital world.
Top comments (0)