best-resume-ever - GitLite

KO | EN

gitlite — search

#javascript #react #typescript #golang #go #machine-learning #deep-learning #linux #docker #awesome #awesome-list #pytorch #ios #openai

best-resume-ever

(★ 16,472)

:necktie: :briefcase: Build fast :rocket: and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.

File Explorer

Download Latest Version (.zip)

- - main.yml
- build.js
- dev-client.js
- dev-server.js
- utils.js
- vue-loader.conf.js
- webpack.base.conf.js
- webpack.dev.conf.js
- webpack.prod.conf.js
- dev.env.js
- index.js
- prod.env.js
- test.env.js
- index.html
- cool-rtl.pdf
- cool-rtl2.pdf
- cool.pdf
- creative.pdf
- green.pdf
- left-right-projects.pdf
- left-right-rtl.pdf
- left-right.pdf
- material-dark-projects.pdf
- material-dark.pdf
- oblique-projects.pdf
- oblique-rtl.pdf
- oblique.pdf
- purple.pdf
- side-bar-projects.pdf
- side-bar-rtl.pdf
- side-bar.pdf
- resumePreviews.png
- data.yml
- id.jpg
- export.js
- preview.js
- - logo.png
- - ca.js
  - cn.js
  - de.js
  - el.js
  - en.js
  - es.js
  - fr.js
  - he.js
  - hu.js
  - id.js
  - it.js
  - ja.js
  - ka.js
  - ko.js
  - lt.js
  - nb-no.js
  - nl.js
  - no-nn.js
  - pl.js
  - pt-br.js
  - pt.js
  - ru.js
  - sv.js
  - th.js
  - tr.js
  - zh-tw.js
- - home.vue
  - resume.vue
- - cool-rtl.vue
  - cool-rtl2.vue
  - cool.vue
  - creative.vue
  - green.vue
  - left-right-projects.vue
  - left-right-rtl.vue
  - left-right.vue
  - material-dark-projects.vue
  - material-dark.vue
  - oblique-projects.vue
  - oblique-rtl.vue
  - oblique.vue
  - options.js
  - purple.vue
  - resumes.js
  - side-bar-projects.vue
  - side-bar-rtl.vue
  - side-bar.vue
  - template.vue
- - index.js
- App.vue
- main.js
- terms.js
- - resumes-overview.js
  - resumes.js
- - allResumes.js
  - deleteFiles.js
  - export.js
  - preview.js
.babelrc
.editorconfig
.eslintignore
.eslintrc.json
.gitignore
.npmrc
.nvmrc
.postcssrc.js
_config.yml
CODE_OF_CONDUCT.md
CONTRIBUTING.md
DEVELOPER.md
index.html
ISSUE_TEMPLATE.md
LICENCE.md
package.json
PULL_REQUEST_TEMPLATE.md
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<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">

[![Travis badge](https://travis-ci.org/salomonelli/best-resume-ever.svg?branch=master)](https://travis-ci.org/salomonelli/best-resume-ever)

</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

1. 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
```

2. If you do not have installed Node.js in your machine then go to [this link](https://nodejs.org/en/download/) in order to install node.

## How to use

1. Clone this repository.

```
git clone https://github.com/salomonelli/best-resume-ever.git
```

2. Go to the cloned directory (e.g. `cd best-resume-ever`).

3. Run `npm install`. This may take a few seconds.

4. Customize your resume in the `resume/` directory: edit your data `data.yml` and replace the default profile-picture `id.jpg` with your picture. Rename your picture as `id.jpg` and copy it in the `resume/` 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.

5. 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.

![Resume previews](https://raw.githubusercontent.com/salomonelli/best-resume-ever/master/readme-images/resumePreviews.png)

6. Export your resume as pdf by running the command `npm run export`. In order to avoid errors due to the concurrency of two  `npm run` commands, stop the execution of the previus `npm run dev` and then type the export command.

All resumes will be exported to the `pdf/` folder.

<br>

## 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>

<br>

---

> [sarasteiert.com](https://www.sarasteiert.com) &nbsp;&middot;&nbsp;
> GitHub [@salomonelli](https://github.com/salomonelli) &nbsp;&middot;&nbsp;
> Twitter [@salomonelli](https://twitter.com/salomonelli)

## License

[MIT](https://github.com/salomonelli/best-resume-ever/blob/master/LICENCE.md)