Awesome
<h1 align="center"> <br> <a href="https://github.com/salomonelli/best-resume-ever"> <img src="src/assets/logo.png" alt="Markdownify" width="200"></a> <br> best-resume-ever <br> </h1> <div align="center"> </div> <h4 align="center"> :necktie: :briefcase: Build fast :rocket: and easy multiple beautiful resumes and create your best CV ever! <br><br> Made with Vue and LESS. </h4> <br> <br> <p align="left"> <p>Cool<br> <img src="src/assets/preview/resume-cool.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> <img src="src/assets/preview/resume-cool-rtl2.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> <img src="src/assets/preview/resume-cool-rtl.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> </p> <p>Creative<br> <img src="src/assets/preview/resume-creative.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> </p> <p>Green<br> <img src="src/assets/preview/resume-green.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> </p> <p>Purple<br> <img src="src/assets/preview/resume-purple.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> </p> <p>Side Bar<br> <img src="src/assets/preview/resume-side-bar.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> <img src="src/assets/preview/resume-side-bar-rtl.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> <img src="src/assets/preview/resume-side-bar-projects.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> </p> <p>Left Right<br> <img src="src/assets/preview/resume-left-right.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> <img src="src/assets/preview/resume-left-right-rtl.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> <img src="src/assets/preview/resume-left-right-projects.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> </p> <p>Material Dark<br> <img src="src/assets/preview/resume-material-dark.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> <img src="src/assets/preview/resume-material-dark-projects.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> </p> <p>Oblique<br> <img src="src/assets/preview/resume-oblique.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> <img src="src/assets/preview/resume-oblique-rtl.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> <img src="src/assets/preview/resume-oblique-projects.png" width="150" style="margin-right:5px; border: 1px solid #ccc;" /> </p> </p> <br> <br>Prerequisite
- It is required to have Node.js with version 8.5.0 or higher. To see what version of Node.js is installed on your machine type the following command in the terminal:
node -v
- If you do not have installed Node.js in your machine then go to this link in order to install node.
How to use
- Clone this repository.
git clone https://github.com/salomonelli/best-resume-ever.git
-
Go to the cloned directory (e.g.
cd best-resume-ever
). -
Run
npm install
. This may take a few seconds. -
Customize your resume in the
resume/
directory: edit your datadata.yml
and replace the default profile-pictureid.jpg
with your picture. Rename your picture asid.jpg
and copy it in theresume/
directory. During this step, you may find it easier to navigate with Finder or File Explorer to get to the files. This will allow you to edit files with your computers default text editor. -
Preview resumes with
npm run dev
. The command will start a server instance and listen on port 8080. Open (http://localhost:8080/home) in your browser. The page will show some resume previews. To see the preview of your resume, with your picture and data, click on one layout that you like and the resume will be opened in the same window.
- Export your resume as pdf by running the command
npm run export
. In order to avoid errors due to the concurrency of twonpm run
commands, stop the execution of the previusnpm run dev
and then type the export command.
All resumes will be exported to the pdf/
folder.
Creating and Updating Templates
Please read the <a href="DEVELOPER.md">developer docs</a> on how to create or update templates.
<br>Contribute
Feel free to add your own templates, language supports, fix bugs or improve the docs. Any kind of help is appreciated! If you make any kind of changes to an existing template, please commit them as new templates.
<br>Sponsored by
<p align="center"> <a href="https://rxdb.info/nodejs-database.html"> <img src="https://rxdb.info/files/logo/logo_text.svg" alt="Sponsored by RxDB - NodeJs Database" width="300" /> <br /> <br /> <span>The <b>NodeJs Database</b></span> </a> </p>Credits
This project uses several open source packages:
- <a href="https://github.com/vuejs/vue" target="_blank">Vue</a>
- <a href="https://github.com/GoogleChrome/puppeteer" target="_blank">Puppeteer</a>
- <a href="https://github.com/less/less.js" target="_blank">LESS</a>
sarasteiert.com · GitHub @salomonelli · Twitter @salomonelli