How to create an online resume in 7 steps


Resume is a tool to market yourself. It's a place where you can specify your skills, education and experience in a way to easily convey to recruiters. Having a well structured resume gives a positive outlook about you to the recruiters. In fact, many interviewers starts to judge their candidates based on their resumes even before taking interviews. Traditionally resumes are written in word documents and even now too. Online resumes built with latest web technologies are getting quite popular nowadays especially among web developers. The problem with online resume is you need to pay for the domain and hosting. In this post, I'll explain how you can create a beautiful single page resume template and host it in Github for totally free.

Github Pages

Github Pages are used to host websites directly from a GitHub repository. GitHub Pages are free and it provides you a domain name to access your website. The website can be about yourself or anything.

Create Your Online Resume in 7 steps

1. Fork and clone the repo

I've created a nice single-page resume template using perfect-fourth ratio and it's available in Github. Please fork the repo and clone it locally in you machine using Git CLI.

git clone

2. Install the dependencies

The project has no any product dependencies but it needs gulp and some plugins for development. Run the below command from the root of the project to install the dependencies. Make sure you've installed node in your machine.

npm install

3. Start the application

Run the below command to launch the application.

npm start

It'll open the index.html file in browser.

4. Update the content

Open the index.html file and replace the default content with your career information.

5. Changing the photo

The photo url and other themes are controlled by SCSS variables in "site.scss" file which is under "scss" folder. Add your nice portrait photo to the "assets" folder. Update the $photo variable in the scss file.

6. Customizing the theme

You can easily customize the colors and fonts by updating other SCSS variables. A quick thing to customize is the brand color. You can change it by updating the $brand-color variable. You can also customize other colors by modifying the secondary color variables. Once you are done updating the content and customizing the theme check-in your changes to the repo.

git add .
git commit -m "Updated the template"
git push origin

7. Publishing the website

Go to your "Settings" page in Github. Rename the repository to <github_user_name>

Scroll down to the Github Pages section and open the "Source" dropdown. Select the option "master branch".

Save the changes and GitHub will display the URL through which you can access the resume in the same section and it would be something like https://<github_user_name> Hit the url and verify you can access the page. Congratulations! your online resume is ready! Go on and share with your friends and recruiters.

blog comments powered by Disqus