cv editor added

effect-ak · Feb 11, 2025 · f7756b0 · f7756b0
1 parent a938a00
commit f7756b0
Show file tree

Hide file tree

Showing 39 changed files with 3,644 additions and 137 deletions.
diff --git a/docs/cv-maker/assets/index-BqA5Dcdy.js b/docs/cv-maker/assets/index-BqA5Dcdy.js
diff --git a/docs/cv-maker/assets/index-yRNwTtQE.css b/docs/cv-maker/assets/index-yRNwTtQE.css
diff --git a/docs/cv-maker/index.html b/docs/cv-maker/index.html
@@ -0,0 +1,70 @@
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
+    integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
+    integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <script defer src="https://cdn.jsdelivr.net/npm/@monaco-editor/[email protected]/lib/umd/monaco-loader.min.js"></script>
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>✍️</text></svg>">
+  <title>CV Maker</title>
+  <script type="module" crossorigin src="./assets/index-BqA5Dcdy.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-yRNwTtQE.css">
+</head>
+
+<body x-data style="display: flex; flex-direction: column;">
+
+  <div style="padding-bottom: 20px;" class="no-print">
+    <label class="menu-item" :class="{ 'active': $store.state.mode === 'editor' }">
+      <input type="radio" value="editor" x-model="$store.state.mode" /> Editor
+    </label>
+
+    <label 
+      class="menu-item" 
+      :class="{ 'active': $store.state.mode === 'view' }"
+      x-show="!$store.state.editorHasError" x-transition
+    >
+      <input 
+        type="radio" 
+        value="view" 
+        x-model="$store.state.mode"
+      /> View
+    </label>
+
+  </div>
+
+  <!-- code editor -->
+  <div x-show="$store.state.mode == 'editor'">
+    <div x-data="sections">
+      <template x-for="mode in sections">
+        <label 
+          class="menu-item"
+          :class="{ 'active': $store.state.editorSection === mode.id }"
+        >
+        <input 
+          type="radio"
+          :value="mode.id"
+          x-model="$store.state.editorSection"
+          @change="$dispatch('section-changed')"
+        />
+          <span x-text="mode.label"></span>
+      </label>
+      </template>
+    </div>
+
+    <div 
+      id="code-editor"
+    ></div>
+  </div>
+
+  <div x-show="$store.state.mode == 'view'">
+    <div x-html="$store.state.resumeHtml"></div>
+  </div>
+
+</body>
+
+</html>
diff --git a/docs/cv-maker/john-doe.json b/docs/cv-maker/john-doe.json
@@ -0,0 +1,277 @@
+{
+  "$schema": "./resume-schema.json",
+  "me": {
+    "name": "John Doe",
+    "email": "[email protected]",
+    "phone": "+000 000 00 00",
+    "location": "Europe, UTC+2",
+    "expertise": [
+      "Frontend", "UI/UX"
+    ],
+    "expertSummary": [
+      "Skillful frontend developer with UX/UI practical experience"
+    ],
+    "profiles": [
+      {
+        "url": "https://github.com/microsoft/TypeScript",
+        "icon": "github black"
+      },
+      {
+        "url": "https://stackoverflow.com/",
+        "icon": "stack-overflow darkorange"
+      },
+      {
+        "url": "https://www.linkedin.com/",
+        "icon": "linkedin dodgerblue"
+      },
+      {
+        "url": "https://t.me/johndoe____",
+        "icon": "telegram steelblue"
+      },
+      {
+        "url": "https://wa.me/0000000",
+        "icon": "whatsapp green"
+      }
+    ]
+  },
+  "technologies": [
+    {
+      "id": "typescript",
+      "name": "TypeScript",
+      "category": "programming language",
+      "url": "https://www.typescriptlang.org/"
+    },
+    {
+      "id": "javascript",
+      "name": "JavaScript",
+      "category": "programming language",
+      "url": "https://en.wikipedia.org/wiki/JavaScript"
+    },
+    {
+      "id": "scala",
+      "name": "Scala",
+      "category": "programming language",
+      "url": "https://www.scala-lang.org/"
+    },
+    {
+      "id": "play-framework",
+      "name": "Play Framework",
+      "category": "framework",
+      "url": "https://en.wikipedia.org/wiki/Play_Framework"
+    },
+    {
+      "id": "java",
+      "name": "Java",
+      "category": "programming language",
+      "url": "https://en.wikipedia.org/wiki/Java_(programming_language)"
+    },
+    {
+      "id": "aws",
+      "name": "AWS",
+      "category": "cloud computing",
+      "url": "https://aws.amazon.com/"
+    },
+    {
+      "id": "gcp",
+      "name": "Google Cloud Platform",
+      "category": "cloud computing",
+      "url": "https://en.wikipedia.org/wiki/Google_Cloud_Platform"
+    },
+    {
+      "id": "mysql",
+      "name": "MySQL",
+      "category": "database",
+      "url": "https://en.wikipedia.org/wiki/MySQL"
+    },
+    {
+      "id": "h2",
+      "name": "H2",
+      "category": "database",
+      "url": "https://en.wikipedia.org/wiki/H2_(database)"
+    },
+    {
+      "id": "postgres",
+      "name": "PostgreSQL",
+      "category": "database",
+      "url": "https://en.wikipedia.org/wiki/PostgreSQL"
+    },
+    {
+      "id": "bootstrap",
+      "name": "Bootstrap",
+      "category": "frontend",
+      "url": "https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)"
+    },
+    {
+      "id": "vuejs",
+      "name": "VueJS",
+      "category": "frontend",
+      "url": "https://en.wikipedia.org/wiki/Vue.js"
+    },
+    {
+      "id": "angularjs",
+      "name": "AngularJS",
+      "category": "frontend",
+      "url": "https://en.wikipedia.org/wiki/AngularJS"
+    },
+
+    {
+      "id": "azure",
+      "name": "Azure",
+      "category": "cloud computing",
+      "url": "https://azure.microsoft.com/"
+    },
+    {
+      "id": "jenkins",
+      "name": "Jenkins",
+      "category": "devops tool",
+      "url": "https://en.wikipedia.org/wiki/Jenkins_(software)"
+    },
+    {
+      "id": "bitbucket",
+      "name": "Bitbucket",
+      "category": "collaboration tool",
+      "url": "https://en.wikipedia.org/wiki/Bitbucket"
+    },
+    {
+      "id": "browserstack",
+      "name": "BrowserStack",
+      "category": "testing",
+      "url": "https://en.wikipedia.org/wiki/BrowserStack"
+    },
+    {
+      "id": "jira",
+      "name": "Jira",
+      "category": "collaboration tool",
+      "url": "https://en.wikipedia.org/wiki/Jira_(software)"
+    },
+    {
+      "id": "confluence",
+      "name": "Confluence",
+      "category": "collaboration tool",
+      "url": "https://en.wikipedia.org/wiki/Confluence_(software)"
+    },
+    {
+      "id": "contentful",
+      "name": "Contentful",
+      "category": "frontend",
+      "url": "https://en.wikipedia.org/wiki/Contentful"
+    },
+    {
+      "id": "vitest",
+      "name": "Vitest",
+      "category": "testing",
+      "url": "https://vitest.dev/"
+    },
+    {
+      "id": "scalatest",
+      "name": "ScalaTest",
+      "category": "testing",
+      "url": "https://www.scalatest.org/"
+    },
+
+    {
+      "id": "jest",
+      "name": "Jest",
+      "category": "testing",
+      "url": "https://jestjs.io/"
+    },
+    {
+      "id": "serverless-framework",
+      "name": "Serverless Framework",
+      "category": "framework",
+      "url": "https://en.wikipedia.org/wiki/Serverless_Framework"
+    },
+    {
+      "id": "scrum",
+      "name": "Scrum",
+      "category": "collaboration tool",
+      "url": "https://en.wikipedia.org/wiki/Scrum_(software_development)"
+    },
+    {
+      "id": "jquery",
+      "name": "jQuery",
+      "category": "frontend",
+      "url": "https://en.wikipedia.org/wiki/Scrum_(software_development)"
+    },
+    {
+      "id": "docker",
+      "name": "Docker",
+      "category": "devops tool",
+      "url": "https://en.wikipedia.org/wiki/Docker_(software)"
+    },
+    {
+      "id": "react",
+      "name": "React",
+      "category": "frontend",
+      "url": "https://en.wikipedia.org/wiki/React_(software)"
+    },
+    {
+      "id": "electron",
+      "name": "Electron",
+      "category": "frontend",
+      "url": "https://en.wikipedia.org/wiki/Electron_(software_framework)"
+    },
+    {
+      "id": "akka",
+      "name": "Akka",
+      "category": "framework",
+      "url": "https://en.wikipedia.org/wiki/Akka_(toolkit)"
+    }
+  ],
+  "employmentHistory": [
+    {
+      "companyName": "Green been",
+      "workType": "hybrid",
+      "location": { "country": "Finland", "city": "Helsinki" },
+      "companyDescription": "Software development outsourcing company",
+      "website": "https://google.com/",
+      "position": "Senior Software Engineer",
+      "start": "2024-04",
+      "end": "2024-12",
+      "projects": [
+        {
+          "order": 1,
+          "client": {
+            "name": "Unknown client",
+            "description": "Food Company"
+          },
+          "title": "Market place",
+          "roles": ["Typescript frontend developer"],
+          "stack": ["typescript", "vitest", "aws"],
+          "tools": ["jenkins", "bitbucket", "browserstack", "contentful", "jira", "scrum", "confluence"],
+          "achivements": [
+            {
+              "technical": "Developed a frontend application using AlpineJS and HTMX",
+              "human": "Developed a frontend application using AlpineJS and HTMX"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "companyName": "Nice coffee",
+      "workType": "on-site",
+      "companyDescription": "Software development outsourcing company",
+      "location": { "country": "United Kingdom", "city": "London" },
+      "website": "https://google.com/",
+      "position": "Senior Software Engineer",
+      "start": "2020-01",
+      "end": "2023-12",
+      "projects": [
+        {
+          "order": 1,
+          "title": "Market place",
+          "roles": ["UX Designer", "Frontend Developer"],
+          "stack": ["typescript"],
+          "tools": ["figma"],
+          "achivements": [
+            {
+              "technical": "Designed",
+              "human": "Designed a nice web page"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}