Faculty and Course Forms

client/src/Pages/CourseForm.jsx

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