Résume

Geunhyeok's resume template. Demo

🌍 Browser support

WIP...

👨‍💻 Tech stacks

Using Vue 3 with TS! ❤️

and also included vuex, vue-router

📖 Template Configuration

Base (Template: src/data/_base.json)
Project (Template: src/data/project.json)
Activity (Template: src/data/activity.json)
Other

🚀 Deploy

👉 Github Page
👍 Manually

🆕 Update

⚠️ WARNING: Backup your data first
- src/data/*
- src/assets/contents/*

# 1. Add origin template repository to remote (name: template)
git remote add template https://github.com/leegeunhyeok/resume.git

# 2. Fetch all
git fetch --all

# 3. Merge latest template sources
git merge -X theirs --squash --allow-unrelated-histories template/master

# 4. Rollback your template datas
git reset -- src/data
git checkout src/data

# If you want rollback more data, follow this example
# Result: Rollback README.md
# git reset -- README.md
# git checkout README.md

# !! Check your template data before commit !!
# 5-1. (On Success 🎉)  Keep going
git commit -m "Update to latest version"


# 5-2. (Issue occurs ❗) Reset to previous commit (Return to initial state)
git reset --hard HEAD~

# 6. And rebuild/push

Base

Base configuration: src/data/_base.json

Property	Description	Example
`publicPath`	Webpack publicPath (If you run `build:github`, override to `/dist`)	`/`
`app`	PWA Configuration	-
`app.name`	PWA Name	`Résume`
`app.startUrl`	Web app manifest's start_url	`/`
`title`	Web title (in head)	`Résume
`ga`	Google analytics tracking ID (Optional)	`UA-000000000-0`
`introText[]`	Intro text (Each line), og description	`["For better", "Web experience."]`
`profile`	Your profile informations	-
`profile.name`	Name	`Geunhyeok LEE`
`profile.email`	Email	`dev.ghlee@gmail.com`
`profile.photo`	Profile photo filename at `src/assets`	`avatar.png`
`profile.introduce`	Introduce your self	`Makes web better`
`profile.social[]`	Social informations in Contact app (more)	-
`profile.social[].icon`	Social Icon (Check SocialIcon)	`github`
`profile.social[].label`	Social text to be displayed	`Github`
`profile.social[].url`	Page URL to go	`https://github.com/leegeunhyeok`
`profile.skill[]`	Your own skills list (more)	-
`profile.skill[].label`	Skill text to be displayed	`TypeScript`
`profile.skill[].color`	Skill's dot color (more)	`ts`
`profile.hobby[]`	Your hobby (Max: 2)	`["프로그래밍", "운동"]`

Example

{
  "publicPath": "/",
  "app": {
    "name": "Résume",
    "startUrl": "/"
  },
  "title": "Résume | Geunhyeok LEE",
  "ga": "UA-000000000-0",
  "introText": ["For better", "Web experience."],
  "profile": {
    "name": "Geunhyeok LEE",
    "email": "dev.ghlee@gmail.com",
    "photo": "avatar.png",
    "introduce": "Makes web better",
    "social": [
      {
        "icon": "github",
        "label": "leegeunhyeok",
        "url": "https://github.com/leegeunhyeok"
      },
      {
        "icon": "web",
        "url": "https://geundung.dev"
      }
    ],
    "skill": [
      {
        "label": "Vue.js",
        "color": "vue"
      },
      {
        "label": "Other",
        "color": "ts"
      }
    ],
    "hobby": ["프로그래밍", "운동"]
  }
}

👉 Preview

Social

Property	Description	Required	Example
`icon`	Social icon (more)	`x`	`instagram`
`label`	Link text of URL (Default: `url`)	`x`	`TypeScript`
`url`	Page link URL	`o`	`TypeScript`

Social Icons

Icon	Preview
`instagram`
`facebook`
`twitter`
`line`
`linkedin`
`github`
`gitlab`
`web`

Skill

Property	Description	Required	Example
`color`	Skill's dot color (more)	`o`	`ts`
`label`	Skill label	`o`	`TypeScript`

Tag

Property	Description	Required	Example
`id`	Tag ID	`o`	`my_tag`
`color`	Tag's dot color (more)	`o`	`ts`
`label`	Tag label	`o`	`TypeScript`

Project App

Template file: src/data/project.json

Property	Description	Example
`tags`	Project tag data	-
`tags.*`	Tag group name (Auto capitalization)	`language`
`tags.*[]`	Tag datas	Tag[]
`content[]`	Project contents data	Project Data[]

Project Data

Property	Description	Required	Example
`name`	Project name	`o`	`Resume`
`date`	Project date (Auto sorting - more)	`o`	`2020.01.01`
`image`	Project image filename (Base path: `src/assets`)	`o`	`contents/toy.jpg`
`description`	Project description	`o`	`This is resume template`
`textColor`	Project name, description text color (more)	`x`	`red`
`tag`	Project Tag ID list	`o`	`[]` or `["js", "ts"]`
`url`	Project URL (Fetch stars automatically when url is github repository!)	`x`	`https://github.com`

Example

{
  "tags": {
    "language": [
      {
        "id": "ts",
        "color": "ts",
        "label": "TypeScript"
      },
      {
        "id": "py",
        "color": "python",
        "label": "Python"
      },
      {
        "id": "other",
        "color": "#ffa500",
        "label": "Other"
      }
    ],
    "web": [
      {
        "id": "vue",
        "color": "vue",
        "label": "Vue"
      },
      {
        "id": "react",
        "color": "react",
        "label": "React"
      },
      {
        "id": "angular",
        "color": "angular",
        "label": "Angular"
      }
    ]
  },
  "content": [
    {
      "name": "CyBot",
      "date": "2020.02.04",
      "image": "contents/sample.jpg",
      "description": "Cyworld data crawler!",
      "tag": ["py"],
      "url": "https://github.com/leegeunhyeok/cyworld-bot"
    },
    {
      "name": "Web Project",
      "date": "2020.01.01",
      "image": "contents/sample.jpg",
      "description": "Example project!",
      "tag": ["vue", "react", "angular"]
    }
  ]
}

👉 Preview

Activity App

Template file: src/data/activity.json

Property	Description	Example
`tags`	Activity tag data	-
`tags.*`	Tag group name (Auto capitalization)	`type`
`tags.*[]`	Tags data	Tag[]
`content[]`	Activity contents data	Activity Data[]

Activity Data

Property	Description	Required	Example
`title`	Activity title	`o`	`Company`
`from`	Date from (Auto sorting - more)	`o`	`2020.01.01`
`to`	Date to (more)	`x`	`2020.11.11`
`tag`	Activity Tag ID	`o`	`career`

Example

{
  "tags": {
    "type": [
      {
        "id": "career",
        "color": "#ff6347",
        "label": "Career"
      },
      {
        "id": "cert",
        "color": "ts",
        "label": "Certification"
      }
    ],
    "other": [
      {
        "id": "ex",
        "color": "yellow",
        "label": "Example"
      }
    ]
  },
  "content": [
    {
      "title": "First Company",
      "from": "2019.01.01",
      "to": "2020.01.01",
      "tag": "career"
    },
    {
      "title": "Example Certification",
      "from": "2000.12.31",
      "tag": "cert"
    }
  ]
}

👉 Preview

Colors

🎨 Available at Project/Activity/Skill tag color!

You can use both that keywords and custom CSS colors (eg. #1292da, tomato, ...)

Keyword	Preview
`angular`
`blue`
`c`
`cpp`
`cs`
`css`
`dart`
`docker`
`git`
`go`
`gray`
`green`
`haskell`
`html`
`java`
`js`
`kotlin`
`objectivec`
`perl`
`php`
`pwa`
`python`
`r`
`react`
`red`
`rust`
`scala`
`scss`
`shell`
`swift`
`ts`
`vim`
`vue`
`yellow`

Other

Open Graph image

public/cover.jpg

PWA Resources

Icons: public/img/icons/*
Splash: public/img/splash/*

Base Preview

Intro

Dock menu

About me

Contact

Project Preview

Activity Preview

🛠 Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

# Default build
npm run build

# Build for GitHub pages
npm run build:github


# Build & Generate bundle analyzer
# Check: dist/report.html
npm run build:report

Report

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

🎨 Resources

macOS 11 style icons by octaviotti.
Wallpaper image by ultralinx.
Weather sun icon from myiconfinder.
src/assets/fontawesome/* icons by Font Awesome.

Change Log

1.0.4 (2020.12.01)
- Safari font rendering issue (Auto scaled up) fixed
- Updated to TypeScript 4
1.0.3 (2020.11.30)
- PWA issue fixed (Now work perfectly)
- Safari date issue fixed
- Add new build command for deploy GitHub pages!
- Add 404 handling page (Redirect to home)
1.0.2 (2020.11.27)
- Web font issue fixed (Wrong font name)
- PWA configuration fixed + Safari splash images
- Add app.startUrl config (Web app manifest's start_url option)
- Add date(year) label to project item
- Vue 3.0.1 -> 3.0.3 with plugins
1.0.1 (2020.11.22)
- Mobile safari scroll issue fixed (at intro page)
- Now loading Github repository star only once at intro page
1.0.0 (2020.11.21)
- First Release!

⭐️ License

Developed by Geunhyeok LEE

MIT License.

Name		Name	Last commit message	Last commit date
Latest commit History 254 Commits
docs		docs
preview		preview
public		public
src		src
.browserslistrc		.browserslistrc
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.prettierrc		.prettierrc
404.html		404.html
LICENSE		LICENSE
README.md		README.md
babel.config.js		babel.config.js
package-lock.json		package-lock.json
package.json		package.json
preview.gif		preview.gif
preview.jpg		preview.jpg
tsconfig.json		tsconfig.json
vue.config.js		vue.config.js

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

Résume

Contents

🌍 Browser support

👨‍💻 Tech stacks

📖 Template Configuration

🚀 Deploy

🆕 Update

Base

Social

Social Icons

Skill

Tag

Project App

Project Data

Activity App

Activity Data

Colors

Other

Open Graph image

PWA Resources

Base Preview

Project Preview

Activity Preview

🛠 Project setup

Compiles and hot-reloads for development

Compiles and minifies for production

Lints and fixes files

Customize configuration

🎨 Resources

Change Log

⭐️ License

About

Releases 5

Languages

License

leegeunhyeok/resume

Folders and files

Latest commit

History

Repository files navigation

Résume

Contents

🌍 Browser support

👨‍💻 Tech stacks

📖 Template Configuration

🚀 Deploy

🆕 Update

Base

Social

Social Icons

Skill

Tag

Project App

Project Data

Activity App

Activity Data

Colors

Other

Open Graph image

PWA Resources

Base Preview

Project Preview

Activity Preview

🛠 Project setup

Compiles and hot-reloads for development

Compiles and minifies for production

Lints and fixes files

Customize configuration

🎨 Resources

Change Log

⭐️ License

About

Topics

Resources

License

Stars

Watchers

Forks

Releases 5

Languages