feat: resume generator added

README.md

@@ -18,31 +18,26 @@ Solution-Driven Front-end Engineer with 7+ years of advanced programming and lev
 ## Highlight Skills
 
 ### Programming
-- Modern Front-end Development Technologies (such as Webpack, SASS, Jest, Babel) _(advanced)_
-- Javascript _(advanced)_
-- Vue.js _(advanced)_
+- Typescript _(advanced)_
 - React.js _(advanced)_
+- Vue.js _(advanced)_
 - Node.js _(advanced)_
-- Typescript _(intermediate)_
+- Git _(advanced)_
 - Three.js _(intermediate)_
+- GraphQL _(intermediate)_
 - Redux _(intermediate)_
-- Git _(intermediate)_
 - Real-time systems (WebSocket) _(intermediate)_
 
-### Digital Arts
+### Design
 - Figma _(advanced)_
 - Adobe Photoshop _(advanced)_
 - Generative Arts _(advanced)_
-- Affinity Designer _(intermediate)_
 - Blender _(intermediate)_
 
-### Softskills
+### Soft Skills
+- Agile/Scrum _(advanced)_
 - Teaching _(advanced)_
 - Leadership _(intermediate)_
-- Agile/Scrum _(intermediate)_
-
-### Other
-- Clay Sculpting _(intermediate)_
 
 ## Experiences
 

export/pdf.js

@@ -0,0 +1,26 @@
+const puppeteer = require("puppeteer");
+const path = require("path");
+
+(async () => {
+  // Create browser instance
+  const browser = await puppeteer.launch({
+    headless: true,
+  });
+
+  // Create a new page
+  const page = await browser.newPage();
+
+  // Open URL in current page
+  await page.goto('http://localhost:3000', {
+      waitUntil: 'networkidle2'
+  });
+
+  // Save PDF File
+  await page.pdf({
+    path: path.resolve(__dirname, '../public/resume.pdf'),
+    format: 'a4'
+  });
+
+  // Close browser instance
+  await browser.close();
+})();

package.json

@@ -15,8 +15,8 @@
     "sass": "^1.56.1"
   },
   "scripts": {
-    "export": "echo \"Husky test\"",
-    "export:pdf": "echo \"No PDF export yet\"",
+    "export": "npm run export:pdf && npm run export:md",
+    "export:pdf": "node ./export/pdf.js",
     "export:md": "node ./export/md.js",
     "dev": "react-scripts start",
     "build": "react-scripts build",
@@ -41,6 +41,7 @@
   },
   "license": "BSD-3-Clause",
   "devDependencies": {
-    "husky": "^7.0.0"
+    "husky": "^7.0.0",
+    "puppeteer": "^19.2.2"
   }
 }

src/components/App/Skills/style.scss

@@ -42,12 +42,10 @@
             &.intermediate {
                 @include stickBg(#aaa);
                 color: white;
-                text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
             }
             &.advanced {
                 @include stickBg(#777);
                 color: white;
-                text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
             }
 
         }

src/data/resume.json

@@ -211,47 +211,43 @@
   "skills": {
     "Programming": [
       {
-        "name": "Modern Front-end Development Technologies (such as Webpack, SASS, Jest, Babel)",
+        "name": "Typescript",
         "level": "advanced"
       },
       {
-        "name": "Javascript",
+        "name": "React.js",
         "level": "advanced"
       },
       {
         "name": "Vue.js",
         "level": "advanced"
       },
-      {
-        "name": "React.js",
-        "level": "advanced"
-      },
       {
         "name": "Node.js",
         "level": "advanced"
       },
       {
-        "name": "Typescript",
-        "level": "intermediate"
+        "name": "Git",
+        "level": "advanced"
       },
       {
         "name": "Three.js",
         "level": "intermediate"
       },
       {
-        "name": "Redux",
+        "name": "GraphQL",
         "level": "intermediate"
       },
       {
-        "name": "Git",
+        "name": "Redux",
         "level": "intermediate"
       },
       {
         "name": "Real-time systems (WebSocket)",
         "level": "intermediate"
       }
     ],
-    "Digital Arts": [
+    "Design": [
       {
         "name": "Figma",
         "level": "advanced"
@@ -264,32 +260,22 @@
         "name": "Generative Arts",
         "level": "advanced"
       },
-      {
-        "name": "Affinity Designer",
-        "level": "intermediate"
-      },
       {
         "name": "Blender",
         "level": "intermediate"
       }
     ],
-    "Softskills": [
+    "Soft Skills": [
       {
-        "name": "Teaching",
+        "name": "Agile/Scrum",
         "level": "advanced"
       },
       {
-        "name": "Leadership",
-        "level": "intermediate"
+        "name": "Teaching",
+        "level": "advanced"
       },
       {
-        "name": "Agile/Scrum",
-        "level": "intermediate"
-      }
-    ],
-    "Other": [
-      {
-        "name": "Clay Sculpting",
+        "name": "Leadership",
         "level": "intermediate"
       }
     ]

src/stylesheets/_basics.scss

@@ -1,5 +1,9 @@
 @import './_variables';
 
+html {
+    -webkit-print-color-adjust: exact;
+}
+
 body {
     background: #eee;
     margin: 0;