@@ -58,22 +86,25 @@ const Signup = () => {
{/* social buttons */}
-
{/* form */}
diff --git a/client/src/Schema/userSchema.js b/client/src/Schema/userSchema.js
new file mode 100644
index 00000000..47f5db02
--- /dev/null
+++ b/client/src/Schema/userSchema.js
@@ -0,0 +1,9 @@
+import z from "zod";
+
+const userProfileSchema = z.object({
+ id: z.string().min(24, "name must be at least 24 characters long"),
+ name: z.string().min(3, "name must be at least 3 characters long"),
+ email: z.string().email("Invalid email address"),
+});
+
+export { userProfileSchema };
diff --git a/client/src/Section/Doc/CodeEditor.jsx b/client/src/Section/Doc/CodeEditor.jsx
new file mode 100644
index 00000000..0a706a1a
--- /dev/null
+++ b/client/src/Section/Doc/CodeEditor.jsx
@@ -0,0 +1,41 @@
+import ReactCodeMirror from "@uiw/react-codemirror";
+import React, { useState } from "react";
+import SyntaxHighlighter from "react-syntax-highlighter";
+import { a11yDark, a11yLight } from "react-syntax-highlighter/dist/esm/styles/hljs";
+
+
+import CodeMirror from "@uiw/react-codemirror";
+// import { javascript } from "@codemirror/lang-javascript";
+import { vscodeDark, vscodeLight } from "@uiw/codemirror-theme-vscode";
+import { go } from '@codemirror/legacy-modes/mode/go';
+import { StreamLanguage } from '@codemirror/language';
+export function CodeEditor({ defaultCode = "console.log('Hello World');", mode }) {
+ const [code, setCode] = useState(defaultCode);
+
+ return (
+
+ {/* Editable Code Area */}
+ {/*
-