Coder Social home page Coder Social logo

davidnhk / resume.json Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 1.0 8.26 MB

My personal resume with JSON resume and pure web technology

Home Page: https://neviaumi.github.io/resume.json/

JavaScript 72.54% Shell 22.40% Dockerfile 5.06%
json-resume cd automation

resume.json's Introduction

resume.json

deploy-github-page-after-push-master

Repo here contain my personal resume.

Development

npm install
npm run serve

Generate tailored resume

npm run serve
node ./src/build-pdf.js --private

after that you will see resume.pdf in docs/ folder

Get PDF

npm run build:docker and then check PDF

Live

if you're watching this then I suggest you read web version

WEB version

PDF Version

Skill level definition

Programming language / Framework / Library

  • Master - I am confidently work on feature independently without too much research on internet about how to do stuff and still followed the best practice by this language
  • Intermediate - I can work on feature independently with some research on internet and will need experienced teammate do the code review

Architecture Components (Queue, DB ..etc.)

  • Master - Beside to integration from code, I also can set up optimized configuration and deploy to production
  • Intermediate - I am confidence on how integrate from application code and integration pattern also with some basic development environment setup

Protocol (REST, HTTP, GraphQL ..etc.)

  • Master - I know best practice of the protocol and how to defense security attack and performance turning
  • Intermediate - I can integrate on application and how it's working

Workflow

  • Master - I know both theory and have real world execution, and I can explain and debt to teammate
  • Intermediate - I know theory and have real world execution

Reuse that work with your resume?

Copy and paste code below and replace JSON.stringify({}) with your resume.json content

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, minimal-ui"
    />
    <title>David Ng</title>
    <script
      src="https://davidnhk.github.io/resume.json/js/json-resume.element.js"
      type="module"
    ></script>
    <style>
      /*https://robdodson.me/posts/at-font-face-doesnt-work-in-shadow-dom/*/
      @import url('https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css');
      @page {
        size: A4;
      }

      @media print {
        :root {
          font-size: 50%; /*Make element on PDF smaller*/
        }
        body {
          font-size: 1.5rem;
        }
      }

      @media screen {
        :root {
          font-size: 62.5%; /*Make compute rem more easily*/
        }
        body {
          font-size: 1.6rem; /*Restore default font size*/
        }
      }
    </style>
    <script>
      const resumeElement = document.querySelector('json-resume');
      // place your resume.json content here
      resumeElement.setAttribute('resume', JSON.stringify({}));
    </script>
  </head>

  <body>
    <json-resume />
  </body>
</html>

resume.json's People

Contributors

dependabot[bot] avatar github-actions[bot] avatar neviaumi avatar renovate-bot avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Forkers

afreisinger

resume.json's Issues

Dependency Dashboard

This issue provides visibility into Renovate updates and their statuses. Learn more

This repository currently has no open or pending branches.


  • Check this box to trigger a request for Renovate to run again on this repository

Unable start local server

error : Theme is not supported please visit -> https://github.com/jsonresume/registry-functions/issues/7 - Error: Cannot find module '/workspace/node_modules/jsonresume-theme-material'

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.