Faculty and Course Forms

client/src/Pages/FacultyForm.jsx

@@ -0,0 +1,31 @@
+// FacultyForm.js
+import React from "react";
+import { useParams } from "react-router-dom";
+import "./FacultyForm.css";
+
+const FacultyForm = () => {
+  const { id } = useParams(); // Get the faculty ID from the URL params
+
+  return (
+    <div className="form-container">
+      <h2>Faculty Info</h2>
+      <form>
+        <label>
+          Faculty ID:
+          <input type="text" value={id} readOnly />
+        </label>
+        <label>
+          Faculty Name:
+          <input type="text" placeholder="Enter faculty name" />
+        </label>
+        <label>
+          Department:
+          <input type="text" placeholder="Enter department" />
+        </label>
+        <button type="submit">Submit</button>
+      </form>
+    </div>
+  );
+};
+
+export default FacultyForm;