LeandroSQ / html-resume

My resume made in HTML

My Resume

This repository contains the source code I wrote for generating my resume.

Live demo

Motivation

After frustration in trying to write my Resume in Word, Canva, and other tools, I considered Markdown, but it would not provide the styling I was looking for, HTML + CSS felt like the right choice for a quick prototype. After ~30 minutes, I got my .pdf resume file using the Browser print dialog.

A few people asked me for the source code, hence this repository.

For some sugar, added CI and puppeteer to automate the .pdf generation, uploaded it to Github pages for a nice landing page, and this is the current status of this project.

The good thing is maintainability, it is extremely simple to revisit this and update it.

Features

Feature	Description
HTML to PDF	Uses Puppeteer to generate a PDF from the HTML page.
Dark and light mode	Using CSS media queries
Fully responsive	Using CSS media queries
Customizable	You can change the style of the resume using SCSS
Modular	Uses EJS to process HTML templates
Masonry layout	Uses vanilla JS to create a masonry layout, this I've made just for this project. Fully responsible and dynamic.
Custom fonts	Uses Google Fonts
Animated	Uses Animista
Automated	Uses Github Actions for building, publishing the website and generating the PDF
Live demo	Uses GitHub Pages for hosting the website
SVG Icons	Uses Material Design Icons

How to use for yourself

Clone the repository and on the terminal run the following commands:

• npm install or yarn for installing dependencies
• npm run build or yarn build for building the website
• npm run start or yarn start for starting the http server at port 3000

For development, you can also run the following command:

• npm run dev or yarn dev for starting the http server at port 3000 with auto-reload