BlockCV

BlockCV is an online resume editor that allows users to easily create and customize professional resumes. The application uses Editor.js as the core editor, which is a block-style editor for rich media stories. It outputs clean data in JSON format, and is designed to be API extendable and pluggable.

English | 简体中文

Features

• ⚡ Vue 3, Vite 2, pnpm - born with fastness
• 💪 Typescript - of course! necessary
• 💡 Editor.js - block-style editor for rich media stories. It outputs clean data in JSON format
• 📦 API pluggable for easy extension and customization
• 📥 Drag and drop interface for adding and rearranging resume blocks
• 🤙🏻 Resume auto-formatting
• 🎉 Export as PDF
• 🌼 Live preview of resume design
• 📜 Multiple resume templates to choose from
• 🌍 I18n ready

Coding Style

• @kirklin/eslint-config

Recommended IDE Setup

• VSCode
• Volar

Try it now!

Clone to local

git clone https://github.com/kirklin/BlockCV.git
cd BlockCV
pnpm i

Usage

Development

Just run and visit http://localhost:8888

pnpm run dev

Build

To build the App, run

pnpm run build

And you will see the generated file in dist that ready to be served.

Deploy on Netlify

Go to Netlify and select your clone, OK along the way, and your App will be live in a minute.

Docker Production Build

First, build the BlockCV image by opening the terminal in the project's root directory.

docker buildx build . -t viteboot:latest

Run the image and specify port mapping with the -p flag.

docker run --rm -it -p 8080:80 viteboot:latest