My Resume
This repository contains the source code I wrote for generating my resume.
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
oryarn
for installing dependenciesnpm run build
oryarn build
for building the websitenpm run start
oryarn start
for starting the http server at port 3000
For development, you can also run the following command:
npm run dev
oryarn dev
for starting the http server at port 3000 with auto-reload