CV-gen

A CV generator built with Svelte.

Getting Started

  1. Clone this repo
    git clone https://github.com/sebbasim/cv-generator.git
    
  2. Move into directory
    cd cv-generator
    
  3. Install npm dependencies
    npm install
    
  4. Run local instance
    npm run dev
    
  5. Change content in data.json

What is CV-gen?

CV-gen is a CV generator being built with Svelte. The pre 1.0.0 versions allow users to change styling and content in a .json file, while the 1.0.0 version will also include an easy to use drag-and-drop interface.

Global styling rules

data.json contains a style object in which you can specify the global styling rules. More options will be available in future versions.

  • main_color Specifies the color for the job title, institution and icons. Is used directly in CSS, so you can specify any valid color value, such as grey, #d49114, rgb(128, 80, 200), and so on.
  • font_family
  • header_1
    • font_size
    • underline: boolean
  • column_widths E.g. [0.6, 0.4] Specifies the width for the left and right column respectively.

List of components

  • component_title is equal to the component names found in the table below, all in lowercase. E.g. header.
  • Icons can be found at Font Awesome.
  • Place your picture in /public/assets/your-image.jpg and link accordingly.
  • Column field can be either left or right.
  • Institution, start_date, end_date and location are optional.
  • A level can be a number between 1 - 5.
  • The Dynamic component allows for a component with a dynamic title and any number of entries.
Component Fields
Header
  • component_title
  • name
  • job_title
  • image
  • information
    • text
    • icon
Summary
  • component_title
  • column
  • bullet_points
    • text
Dynamic
  • component_title
  • title
  • column
  • entries
    • title
    • institution
    • start_date
    • end_date
    • location
    • bullet_points
      • text
Languages
  • component_title
  • column
  • level_entries
    • name
    • level
Strengths
  • component_title
  • column
  • entries
    • title
    • icon
    • description
Projects
  • component_title
  • column
  • entries
    • title
    • bullet_points
      • text
Skills
  • component_title
  • column
  • level_groups
    • group
    • level_entries
      • name
      • level

Example CV

  • 2 page CV example
  • PDF includes page break
  • Experience, Education and Volunteering are dynamic components

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes