diff --git a/api/package-lock.json b/api/package-lock.json
index 3d1b60b..54c7776 100644
--- a/api/package-lock.json
+++ b/api/package-lock.json
@@ -24,7 +24,9 @@
         "@types/node": "^22.8.1",
         "@types/uuid": "^10.0.0",
         "body-parser": "^1.20.3",
+        "nodemon": "^3.1.7",
         "prettier": "^3.3.3",
+        "ts-node": "^10.9.2",
         "typescript": "^5.6.2"
       }
     },
@@ -848,6 +850,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/has-property-descriptors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
@@ -918,6 +929,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==",
+      "dev": true
+    },
     "node_modules/inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -1273,6 +1290,57 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/nodemon": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.7.tgz",
+      "integrity": "sha512-hLj7fuMow6f0lbB0cD14Lz2xNjwsyruH251Pk4t/yIitCFJbmY1myuLlHm/q06aST4jg6EgAh74PIBBrRqpVAQ==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": "^3.5.2",
+        "debug": "^4",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^3.1.2",
+        "pstree.remy": "^1.1.8",
+        "semver": "^7.5.3",
+        "simple-update-notifier": "^2.0.0",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5"
+      },
+      "bin": {
+        "nodemon": "bin/nodemon.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/nodemon"
+      }
+    },
+    "node_modules/nodemon/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/nodemon/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -1384,10 +1452,18 @@
         "node": ">= 0.10"
       }
     },
+<<<<<<< Updated upstream
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
       "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+=======
+    "node_modules/pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
+      "dev": true
+>>>>>>> Stashed changes
     },
     "node_modules/punycode": {
       "version": "2.3.1",
@@ -1496,6 +1572,18 @@
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
+    "node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/send": {
       "version": "0.19.0",
       "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
@@ -1589,6 +1677,18 @@
       "resolved": "https://registry.npmjs.org/sift/-/sift-17.1.3.tgz",
       "integrity": "sha512-Rtlj66/b0ICeFzYTuNvX/EF1igRbbnGSvEyT79McoZa/DeGhMyC5pWKOEsZKnpkqtSeovd5FL/bjHWC3CIIvCQ=="
     },
+    "node_modules/simple-update-notifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
+      "dev": true,
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -1638,6 +1738,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/supports-preserve-symlinks-flag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
@@ -1668,6 +1780,15 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/touch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.1.tgz",
+      "integrity": "sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==",
+      "dev": true,
+      "bin": {
+        "nodetouch": "bin/nodetouch.js"
+      }
+    },
     "node_modules/tr46": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
@@ -1797,6 +1918,12 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/undefsafe": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
+      "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==",
+      "dev": true
+    },
     "node_modules/undici-types": {
       "version": "6.19.8",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
@@ -2526,6 +2653,12 @@
         "get-intrinsic": "^1.1.3"
       }
     },
+    "has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true
+    },
     "has-property-descriptors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
@@ -2572,6 +2705,12 @@
         "safer-buffer": ">= 2.1.2 < 3"
       }
     },
+    "ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==",
+      "dev": true
+    },
     "inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -2779,6 +2918,41 @@
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
       "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg=="
     },
+    "nodemon": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.7.tgz",
+      "integrity": "sha512-hLj7fuMow6f0lbB0cD14Lz2xNjwsyruH251Pk4t/yIitCFJbmY1myuLlHm/q06aST4jg6EgAh74PIBBrRqpVAQ==",
+      "dev": true,
+      "requires": {
+        "chokidar": "^3.5.2",
+        "debug": "^4",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^3.1.2",
+        "pstree.remy": "^1.1.8",
+        "semver": "^7.5.3",
+        "simple-update-notifier": "^2.0.0",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+          "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.3"
+          }
+        },
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+          "dev": true
+        }
+      }
+    },
     "normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -2850,10 +3024,18 @@
         "ipaddr.js": "1.9.1"
       }
     },
+<<<<<<< Updated upstream
     "proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
       "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+=======
+    "pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
+      "dev": true
+>>>>>>> Stashed changes
     },
     "punycode": {
       "version": "2.3.1",
@@ -2920,6 +3102,12 @@
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
+    "semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true
+    },
     "send": {
       "version": "0.19.0",
       "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
@@ -2997,6 +3185,15 @@
       "resolved": "https://registry.npmjs.org/sift/-/sift-17.1.3.tgz",
       "integrity": "sha512-Rtlj66/b0ICeFzYTuNvX/EF1igRbbnGSvEyT79McoZa/DeGhMyC5pWKOEsZKnpkqtSeovd5FL/bjHWC3CIIvCQ=="
     },
+    "simple-update-notifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
+      "dev": true,
+      "requires": {
+        "semver": "^7.5.3"
+      }
+    },
     "source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -3034,6 +3231,15 @@
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
       "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ=="
     },
+    "supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "requires": {
+        "has-flag": "^3.0.0"
+      }
+    },
     "supports-preserve-symlinks-flag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
@@ -3052,6 +3258,12 @@
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
       "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA=="
     },
+    "touch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.1.tgz",
+      "integrity": "sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==",
+      "dev": true
+    },
     "tr46": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
@@ -3127,6 +3339,12 @@
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.2.tgz",
       "integrity": "sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw=="
     },
+    "undefsafe": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
+      "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==",
+      "dev": true
+    },
     "undici-types": {
       "version": "6.19.8",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
diff --git a/api/package.json b/api/package.json
index de25796..1144eaa 100644
--- a/api/package.json
+++ b/api/package.json
@@ -5,8 +5,8 @@
   "main": "src/server.ts",
   "scripts": {
     "build": "tsc",
-    "start": "nodemon ./dist/server.js",
-    "dev": "nodemon ./src/server.ts",
+    "start": "npx ts-node src/server.ts",
+    "dev": "nodemon --watch 'src/**/*.ts' --exec 'npx ts-node src/server.ts'",
     "test": "echo \"Error: no test specified\" && exit 1",
     "prettier": "prettier --single-quote --write 'src/**/*.{js,ts}'",
     "format": "prettier --check ."
@@ -30,7 +30,9 @@
     "@types/node": "^22.8.1",
     "@types/uuid": "^10.0.0",
     "body-parser": "^1.20.3",
+    "nodemon": "^3.1.7",
     "prettier": "^3.3.3",
+    "ts-node": "^10.9.2",
     "typescript": "^5.6.2"
   }
 }
diff --git a/api/src/routes/workshop.ts b/api/src/routes/workshop.ts
index 4fa779c..1b91d82 100644
--- a/api/src/routes/workshop.ts
+++ b/api/src/routes/workshop.ts
@@ -2,66 +2,51 @@ import express from "express";
 import mongoose from "mongoose";
 import dbConnect from "../config/db"; // Import the dbConnect function
 
-import { createWorkshop, getWorkshop } from "../controllers/workshopController";
-
-const router = express.Router();
+const router = express.Router()
 
 // Call the dbConnect function to connect to MongoDB
 dbConnect();
 
-// Workshop schema definition (name and S3 bucket ID)
-const workshopIDSchema = new mongoose.Schema({
-  name: String,
-  s3ID: String,
-});
+// Workshop schema definition (name (required by user), description (required by user), and S3 bucket ID (not required as user input))
+const workshopSchema = new mongoose.Schema({
+  name: { type: String, required: true },
+  description: { type: String, required: true },
+  s3id: { type: String, required: false },
+})
 
-const Workshop = mongoose.model("WorkshopID", workshopIDSchema);
+const Workshop = mongoose.model("Workshop", workshopSchema)
 
 // Route to create a new workshop
 router.post("/create-workshop", async (req: any, res: any) => {
-  const { name, s3id } = req.body;
+  const { name, description, s3id } = req.body
 
-  if (!name || !s3id) {
-    return res.status(400).json({ message: "Missing required fields" });
+  if (!name || !description ) {
+    return res.status(400).json({ message: "Missing required fields" })
   }
 
-  // Create a new workshop
-  const newWorkshop = new Workshop({
-    name,
-    s3id,
-  });
-
   try {
-    const savedWorkshop = await newWorkshop.save();
+    // Create a new workshop with
+    const newWorkshop = new Workshop({ name, description, s3id })
+    const savedWorkshop = await newWorkshop.save()
+
+    // Success:
     res.status(201).json({
       message: "Workshop created successfully",
-      WorkshopID: savedWorkshop,
-    });
+      workshop: savedWorkshop,
+    })
+
   } catch (error) {
-    res.status(401).json({ message: "Failed to create workshop", error });
+    console.error("Error saving workshop:", error)
+    res.status(500).json({ message: "Failed to create workshop", error })
   }
 });
 
-// router.post("/workshops", createWorkshop)
-// router.get('/workshops/:id', getWorkshop);
-router.get(
-  "/workshops/:id",
-  async (req: express.Request, res: express.Response) => {
-    await getWorkshop(req, res);
-  },
-);
-
-// POPULATE VERSION (if details of mentor/mentee objects are needed on the frontend like name or picture)
-
-// import express from 'express';
-// import { createWorkshop, getWorkshop } from '../controllers/workshopController';
-
-// const router = express.Router();
-
-// router.post('/workshops', createWorkshop);
-// router.get('/workshops/:id', getWorkshop);
+// router.get(
+//     "/workshops/:id",
+//     async (req: express.Request, res: express.Response) => {
+//       await getWorkshop(req, res)
+//     }
+// )
 
-// export default router;
+export default router
 
-export default router;
-// NO POPULATE VERSION
diff --git a/api/src/server.ts b/api/src/server.ts
index c3f6ace..5933a3d 100644
--- a/api/src/server.ts
+++ b/api/src/server.ts
@@ -1,24 +1,25 @@
+import path from "path";
 import dotenv from "dotenv";
 dotenv.config({ path: path.resolve(__dirname, "../.env") });
 
 import express from "express";
 import bodyParser from "body-parser";
 import connectDB from "./config/db";
-import * as routes from "./routes/index";
-import path from "path";
 
 var cors = require("cors");
 
-const app = express();
-app.use(cors());
+const app = express()
+app.use(cors({ origin: "http://localhost:3000" })); // Connect to the frontend PORT 3000
 app.use(bodyParser.json());
 app.use(bodyParser.urlencoded({ extended: true }));
 
+connectDB();
+
+import * as routes from "./routes/index";
 app.use("/user", routes.user);
-app.use("/workshop", routes.workshop);
+app.use("/api", routes.workshop); // New workshop route
 
-connectDB();
 
-app.listen(process.env.PORT || 8000, () =>
-  console.log(`Server running on port ${process.env.PORT || 8000}`),
-);
+
+app.listen(process.env.PORT || 8000, () => console.log("Server running..."));
+
diff --git a/app/src/pages/CreateWorkshop.tsx b/app/src/pages/CreateWorkshop.tsx
index fa1e61d..55f7a7f 100644
--- a/app/src/pages/CreateWorkshop.tsx
+++ b/app/src/pages/CreateWorkshop.tsx
@@ -3,75 +3,103 @@ import { Formik, Form, Field } from "formik";
 import * as Yup from "yup";
 import Navbar from "../components/Navbar";
 
-const CreateWorkshop = () => {
-  // Initial form values
-  const initialValues = {
+const initialValues = {
     name: "",
     description: "",
-  };
+}
 
-  // Validation schema using Yup
-  const validationSchema = Yup.object().shape({
+// Validation schema using Yup
+const validationSchema = Yup.object().shape({
     name: Yup.string().required("Name is required"),
     description: Yup.string().required("Description is required"),
-  });
+})
 
-  // Handle form submission
-  const handleSubmit = (values: any) => {
-    console.log(values);
-  };
+const CreateWorkshop = () => {
+    // Handle form submission
+    const handleSubmit = async (values: any, { setSubmitting, resetForm }: any) => {
+        setSubmitting(true)
+        try {
+            // Make a POST request to the backend API
+            const response = await fetch("http://localhost:8000/api/create-workshop", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify({
+                    name: values.name,
+                    description: values.description,
+                    s3id: "example-s3-id", // TODO: Placeholder for S3 ID until set up
+                }),
+            })
 
-  return (
-    <>
-      <Navbar />
-      <h1>Create Workshop</h1>
-      <Formik
-        initialValues={initialValues}
-        validationSchema={validationSchema}
-        onSubmit={handleSubmit}
-      >
-        {({ errors, touched, isSubmitting }) => (
-          <Form>
-            <div className="Form-group">
-              <label htmlFor="name">Name</label>
-              <Field
-                type="text"
-                name="name"
-                placeholder="Name"
-                className="Form-input-box"
-              />
-              {/* Display error message if name field is invalid */}
-              {errors.name && touched.name && (
-                <div className="Form-error">{errors.name}</div>
-              )}
-            </div>
+            // Parse the response
+            const data = await response.json()
 
-            <div className="Form-group">
-              <label htmlFor="description">Description</label>
-              <Field
-                type="text"
-                name="description"
-                placeholder="Description"
-                className="Form-input-box"
-              />
-              {/* Display error message if description field is invalid */}
-              {errors.description && touched.description && (
-                <div className="Form-error">{errors.description}</div>
-              )}
-            </div>
+            if (response.ok) {
+                alert("Workshop created successfully!")
+                resetForm() // Reset the form after a successful submission
+            } else {
+                alert(`Error: ${data.message}`)
+            }
+        } catch (error) {
+            console.error("Error creating workshop:", error)
+            alert("Failed to create workshop. Please try again.")
+        } finally {
+            setSubmitting(false)
+        }
+    }
 
-            <button
-              type="submit"
-              className="Button Button-color--dark-1000 Width--100"
-              disabled={isSubmitting} // Disable button while form is submitting
+    return (
+        <>
+            <Navbar />
+            <h1>Create Workshop</h1>
+            <Formik
+                initialValues={initialValues}
+                validationSchema={validationSchema}
+                onSubmit={handleSubmit}
             >
-              {isSubmitting ? "Submitting..." : "Create Workshop"}
-            </button>
-          </Form>
-        )}
-      </Formik>
-    </>
-  );
-};
+                {({ errors, touched, isSubmitting }) => (
+                    <Form>
+                        <div className="Form-group">
+                            <label htmlFor="name">Name</label>
+                            <Field
+                                type="text"
+                                name="name"
+                                placeholder="Name"
+                                className="Form-input-box"
+                            />
+                            {/* Display error message if name field is invalid */}
+                            {errors.name && touched.name && (
+                                <div className="Form-error">{errors.name}</div>
+                            )}
+                        </div>
+
+                        <div className="Form-group">
+                            <label htmlFor="description">Description</label>
+                            <Field
+                                type="text"
+                                name="description"
+                                placeholder="Description"
+                                className="Form-input-box"
+                            />
+                            {/* Display error message if description field is invalid */}
+                            {errors.description && touched.description && (
+                                <div className="Form-error">{errors.description}</div>
+                            )}
+                        </div>
+
+                        <button
+                            type="submit"
+                            className="Button Button-color--dark-1000 Width--100"
+                            disabled={isSubmitting} // Disable button while form is submitting
+                        >
+                            {isSubmitting ? "Submitting..." : "Create Workshop"}
+                        </button>
+                    </Form>
+                )}
+            </Formik>
+        </>
+    )
+}
 
-export default CreateWorkshop;
+export default CreateWorkshop