added my to do list

juntekim_frontend/app/About/page.tsx

@@ -1,3 +1,26 @@
 export default function About() {
-  return <h1>Everything you need to know about me will be here</h1>;
+  return (
+    <>
+      <h1 className="text-2xl font-bold mb-4">Under construction</h1>
+
+      <div className="flex flex-col space-y-2">
+        <a
+          href="https://www.linkedin.com/in/juntekim"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-blue-500 underline"
+        >
+          LinkedIn
+        </a>
+        <a
+          href="https://www.youtube.com/@ThePragmaticAutomator"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-red-500 underline"
+        >
+          YouTube
+        </a>
+      </div>
+    </>
+  );
 }

juntekim_frontend/app/[...path]/page.tsx

@@ -1,13 +1,18 @@
 import fs from "fs";
 import path from "path";
 
-export default function FilePage({ params }: { params: { path?: string[] } }) {
-  const filePath = params.path?.join("/") || "";
+export default async function FilePage({
+  params,
+}: {
+  params: Promise<{ path?: string[] }>;
+}) {
+  const { path: segments = [] } = await params;   // <-- FIXED
+  const filePath = segments.join("/") || "";
 
-  // Resolve to actual file in public folder
+  // Resolve to actual file in /public
   const fullPath = path.join(process.cwd(), "public", filePath);
 
-  // If folder or file missing
+  // 404
   if (!fs.existsSync(fullPath)) {
     return (
       <div className="p-6 font-mono text-red-400">
@@ -16,7 +21,7 @@ export default function FilePage({ params }: { params: { path?: string[] } }) {
     );
   }
 
-  // If it's a folder, list its contents
+  // Directory → list contents
   if (fs.lstatSync(fullPath).isDirectory()) {
     const files = fs.readdirSync(fullPath);
 
@@ -30,7 +35,7 @@ export default function FilePage({ params }: { params: { path?: string[] } }) {
     );
   }
 
-  // Read file contents
+  // File → read contents
   const content = fs.readFileSync(fullPath, "utf8");
 
   return (

juntekim_frontend/package.json

@@ -9,9 +9,13 @@
     "lint": "eslint"
   },
   "dependencies": {
+    "@uiw/react-markdown-preview": "^5.1.5",
+    "@uiw/react-md-editor": "^4.0.11",
     "next": "16.0.7",
     "react": "19.2.0",
-    "react-dom": "19.2.0"
+    "react-dom": "19.2.0",
+    "react-syntax-highlighter": "^16.1.0",
+    "rehype-sanitize": "^6.0.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",