feat: add resume builder workshop (#951)

* feat: create resume lab

* feat(curriculum): create resume workshop

* add watcher

* add some fields

* chore: better change inout to `self closing` tag

* chore: add a prettier formatting

* chore: remove extra empty tag

* fix: replace email caption by Phone at phone input

* feat: add cv type to types

* chore: add header, main & input tags to html

* style: add tailwind-based styling

* style: make header text larger

* docs: add a readme

* refactor: create Header comp & move it to components dir

* refactor: add personalInfo component

* feat: add experiences form component

* feat: added education form component

* fold the files together

* update broken icon

* refactor: remove extra code

* feat: add skills form

* style: make some icons to have proper color

* Removed all lucide icons and replaced them with font-awesome icons.

* - Corrected color for main header and input header sections.
- Corrected margin right for calendar icons in the resume preview.

* - Changed all inline `style`s to leverage tailwind styling instead, to
  better fall in line with the current approach.

* - Corrected size of header icon

* - Corrected large grad cap size
- Corrected trash bin colors

* refactor: remove tailwindcss from dependencies and add link to cdn

* feat: add preview toggle to support a mobile

---------

Co-authored-by: A Cottrill <[email protected]>
Co-authored-by: moshe vilner <[email protected]>
Co-authored-by: Robert-Beckett <[email protected]>

Author: 4 people

fullstack-cert/typescript-projects/resume-builder/.gitignore

@@ -0,0 +1,3 @@
+.parcel-cache/
+dist/
+node_modules/

fullstack-cert/typescript-projects/resume-builder/.prettierrc

@@ -0,0 +1 @@
+{}

fullstack-cert/typescript-projects/resume-builder/README.md

@@ -0,0 +1,3 @@
+## CV Builder (React + TypeScript + Parcel + Tailwind)
+
+A minimalist, responsive CV/Resume builder with live preview, auto-save to localStorage.

fullstack-cert/typescript-projects/resume-builder/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "resume-builder",
+  "private": true,
+  "version": "0.0.0",
+  "source": "src/index.html",
+  "scripts": {
+    "start": "parcel",
+    "build": "parcel build",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css}\""
+  },
+  "dependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@parcel/transformer-typescript-tsc": "^2.15.4",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "parcel": "^2.14.0",
+    "prettier": "^3.6.2"
+  }
+}

fullstack-cert/typescript-projects/resume-builder/pnpm-lock.yaml

@@ -0,0 +1,5 @@
+onlyBuiltDependencies:
+  - '@parcel/watcher'
+  - '@swc/core'
+  - lmdb
+  - msgpackr-extract

fullstack-cert/typescript-projects/resume-builder/pnpm-workspace.yaml

@@ -0,0 +1,13 @@
+html {
+  font-family: system-ui;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+.content {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 100%;
+}