Next Resume

Build Resume/CV with React JS

Explore the docs »

View Demo · Report Bug · Request Feature

---

Table of Contents

• About The Project
  • Built With
• Getting Started
  • Prerequisites
  • Hosting the live version
  • Generating PDF file
• Contributing
• License
• Contact

About The Project

Live Desktop

Print to PDF

Live Mobile

If you have any prior experience creating your Resume/CV using visual tools then you know how complicated things can be. As,

• You can't change the fonts globally
• Change of design requires that you fill in your details again
• Content and column alignment calculations have to be done manually

As a programmer, I like to solve my problems programmatically. So I created this React App to generate it dynamically. It features:

• A single Object to hold and manage all the information
• Ability to create multiple templates without the need of refilling the information
• Change font family and font sizes from Template.css file
• Loop through information and render them accordingly
• Use React conditional rendering to render content only on given information
• Create expandable columns with the help of CSS Grid and Flex-box
• Can host a Live interactive version of my resume for Desktops and Mobile devices

(back to top)

Built With

(back to top)

Getting Started

Prerequisites

1. Install NODE.JS and Git

2. Open your projects base folder and launch any terminal of your choice.

3. Run this command:

   npm install npm@latest -g

Hosting the live version

1. Clone the repo

   git clone https://github.com/webdevsk/next-resume.git

2. Install NPM packages

   npm i --legacy-peer-deps

3. Run Dev server

   npm run dev

Generating PDF file

There are two ways in which you can generate a PDF file from the hosted live version. The differences are:

	Browser Print to PDF	Puppeteer PDF Method
Difficulty	Easy	Hard
Method	Snapshot (image)	Generates from HTML markup
OCR	No (Requires post OCR)	Yes
Foreign language	Post-OCR may not recognise them	Supported
HyperLinks	Not supported	Supported

Browser Print to PDF

1. Open your preferred browser and navigate to localhost:3000
2. Choose any template and press "Print Mode" below
3. Press CTRL + P on your keyboard to launch print mode
4. Choose "Print as PDF" and set margin to Default
5. Hit Save and you are done

Puppeteer PDF Method

1. Choose a different project folder in your system and clone my Puppeteer project script tailored for this scenario

   git clone https://github.com/webdevsk/puppeteer-to-pdf.git

2. Run the script

   npm start

3. Get a freshly baked Resume/CV PDF file from the output directory

**You are advised not to change anything in the script without prior knowledge of Puppeteer. I have adjusted and tested the script solely for this project.**

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Project Link: https://github.com/webdevsk/next-resume

(back to top)