Add Docker

Dockerfile

@@ -3,6 +3,5 @@ WORKDIR /app
 COPY package.json .
 RUN yarn
 COPY . .
-RUN yarn build
 EXPOSE 3000
-CMD yarn preview
+CMD yarn dev

package.json

@@ -11,20 +11,20 @@
   },
   "dependencies": {
     "fs": "^0.0.1-security",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@types/node": "^20.12.12",
-    "@types/react": "^18.2.64",
-    "@types/react-dom": "^18.2.21",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
-    "@typescript-eslint/parser": "^7.1.1",
-    "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "typescript": "^5.2.2",
-    "vite": "^5.1.7"
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.11.0",
+    "@typescript-eslint/parser": "^7.11.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "eslint": "^9.3.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.12"
   }
 }

src/components/PersonCardSection.tsx

@@ -1,6 +1,6 @@
 const PersonCardSection: React.FC = () => {
   const IMAGES = {
-    myProfilePic: new URL('../assets/myProfilePic.jpg', import.meta.url).href,
+    myProfilePic: new URL('../assets/myProfilePic.JPG', import.meta.url).href,
   };
 
   return (

vite.config.ts

@@ -1,15 +1,12 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
 import fs from 'fs';
 
-// https://vitejs.dev/config/
+/** @type {import('vite').UserConfig} */
 export default defineConfig({
-    server: {
-      https: {
-        key: fs.readFileSync('C:/Users/Fadi_Dev/cert.key'),
-        cert: fs.readFileSync('C:/Users/Fadi_Dev/cert.crt'),
-      },
+  server: {
+    port: 3000,
+    host: true,
   },
-
   plugins: [react()],
 });