update the package dependencies

- updated dockerfile
- updated readme regarding image upload

.gitea_deprecated/workflows/build.yaml

@@ -58,10 +58,16 @@ jobs:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
 
+      - name: Generate timestamp
+        id: timestamp
+        run: echo "timestamp=$(date +%Y%m%d%H%M%S)" >> $GITEA_OUTPUT
+
       - name: Build Docker image
         uses: docker/build-push-action@v5
         with:
           context: .
           file: Dockerfile
           push: true
-          tags: ${{ secrets.DOCKER_REGISTRY }}/my-portfolio:1.0
+          tags: |
+            ${{ secrets.DOCKER_REGISTRY }}/taqi/portfolio/my-portfolio-app:latest
+            ${{ secrets.DOCKER_REGISTRY }}/taqi/portfolio/my-portfolio-app:1.0.0-${{ steps.timestamp.outputs.timestamp }}

.trivyignore

@@ -0,0 +1,9 @@
+CVE-2024-4068
+CVE-2024-21538
+CVE-2024-21536
+CVE-2025-7783
+CVE-2024-29415
+CVE-2022-23539
+CVE-2022-24771
+CVE-2022-24772
+CVE-2024-29180

.woodpecker/build.yaml

@@ -0,0 +1,35 @@
+when:
+  - event: [push, pull_request, manual]
+    branch: [master, feature/*]
+
+steps:
+  - name: trivy-scan
+    image: aquasec/trivy:latest
+    commands:
+      - trivy fs --scanners vuln,config --exit-code 1  --ignorefile .trivyignore --severity HIGH,CRITICAL frontend/
+
+  - name: lint-frontend
+    image: node:24
+    commands:
+      - cd frontend
+      - npm install
+      - npm run lint
+
+  - name: build-and-publish
+    image: woodpeckerci/plugin-docker-buildx
+    settings:
+      registry:
+        from_secret: docker_registry
+      repo:
+        from_secret: portfolio_docker_repo
+      tags:
+        - latest
+        - 1.0.0-${CI_PIPELINE_NUMBER} # Ref: https://woodpecker-ci.org/docs/usage/environment
+      skip_tls_verify: false # set to true for testing registries ONLY with self-signed certs
+      build_args:
+        - COMMIT_SHA=${CI_COMMIT_SHA}
+        - COMMIT_AUTHOR_EMAIL=${CI_COMMIT_AUTHOR_EMAIL}
+      username:
+        from_secret: docker-username
+      password:
+        from_secret: docker-password

Dockerfile

@@ -1,5 +1,5 @@
 # Step 1: Build the React app
-FROM node:20 AS build
+FROM node:24-slim AS build
 
 WORKDIR /app
 

README.md

@@ -1,5 +1,4 @@
-My Portfolio Website
+# My Portfolio Website
-=====================
 
 # Overview
 
@@ -25,14 +24,25 @@ This website is packaged as a container and deployed using nginx.
 
 ```bash
 source .env
-docker build -t my-portfolio-app .
+docker build -t portfolio .
-docker tag my-portfolio-app:latest $DOCKER_REGISTRY/my-portfolio-app:latest
+docker tag portfolio:latest $DOCKER_REGISTRY/portfolio:latest
-docker push $DOCKER_REGISTRY/my-portfolio-app:latest
+docker push $DOCKER_REGISTRY/portfolio:latest
 
 # Check the registry
 curl -u user:pass https://$DOCKER_REGISTRY/v2/_catalog
+
+# Or if using gitea registry
+curl --netrc -X GET https://gitea.yourdomain.com/v2/_catalog
 ```
 
 # CI/CD
+
 Run in Gitea Actions within kubernetes cluster
-Follow: https://tobru.ch/gitea-actions-container-builds/
+
+Current, the project has workflow files for:
+
+- Build and push the container to the registry
+- Deploy the container to the Kubernetes cluster
+
+Thus making a commit to the master branch will automatically build the
+container and deploy it to the cluster.

frontend/package.json

@@ -36,6 +36,9 @@
     "tailwindcss": "^3.4.11",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.0.1",
-    "vite": "^5.4.1"
+    "vite": "^7.0.6"
+  },
+  "overrides": {
+    "@types/minimatch": "5.1.2"
   }
 }

frontend/src/App.css

@@ -4,3 +4,8 @@
   padding: 0;
   text-align: center;
 }
+
+section {
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+}

frontend/src/components/Navbar.tsx

@@ -35,11 +35,13 @@ const Navbar: React.FC<NavProps> = ({ toggleDarkMode, darkMode }) => {
       }
     }
 
+    if (isMenuOpen) {
       document.addEventListener('mousedown', handleClickoutside)
+    }
     return () => {
       document.removeEventListener('mousedown', handleClickoutside)
     }
-  })
+  }, [isMenuOpen])
 
   const menuItem = [
     { title: 'Home', href: '/' },

frontend/tsconfig.app.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/App.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/Introduction.tsx","./src/components/Navbar.tsx","./src/components/Photo.tsx","./src/components/Skills.tsx"],"version":"5.6.2"}
+{"root":["./src/App.tsx","./src/constants.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/Footer.tsx","./src/components/Introduction.tsx","./src/components/Navbar.tsx","./src/components/Photo.tsx","./src/components/Sidebar.tsx","./src/components/Skills.tsx","./src/components/Tooltip.tsx","./src/pages/Experience.tsx","./src/pages/Home.tsx","./src/pages/Interests.tsx","./src/pages/Projects.tsx"],"version":"5.9.2"}

frontend/tsconfig.node.tsbuildinfo

@@ -1 +1 @@
-{"root":["./vite.config.ts"],"version":"5.6.2"}
+{"root":["./vite.config.ts"],"version":"5.9.2"}

scripts/create_kubeconfig.sh

@@ -104,18 +104,22 @@ function main() {
 
     while [[ "$#" -gt 0 ]]; do
         case $1 in
-        --namespace)
+        -n|--namespace)
             namespace="$2"
             shift
             ;;
-        --user)
+        -u|--user)
             user="$2"
             shift
             ;;
-        --kubeconfig)
+        -k|--kubeconfig)
             kubeconfig="$2"
             shift
             ;;
+        -h|--help)
+            usage
+            exit 0
+            ;;
         *)
             usage
             exit 1