From db7237b47a90a2a7bbb23713ca62cf1e4f303158 Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 00:26:48 +0530
Subject: [PATCH 01/14] Added backend form submission for Reservation

---
 backend/controller/reservation.controller.js | 14 ++++++
 backend/index.js                             | 22 +++++++++-
 backend/models/reservation.model.js          | 21 +++++++++
 backend/package.json                         |  6 ++-
 frontend/src/components/Pages/Register.jsx   | 45 ++++++++++++++++++--
 5 files changed, 102 insertions(+), 6 deletions(-)
 create mode 100644 backend/controller/reservation.controller.js
 create mode 100644 backend/models/reservation.model.js

diff --git a/backend/controller/reservation.controller.js b/backend/controller/reservation.controller.js
new file mode 100644
index 00000000..d2b57078
--- /dev/null
+++ b/backend/controller/reservation.controller.js
@@ -0,0 +1,14 @@
+const Reservation = require("../models/reservation.model");
+
+async function createReservation(req, res) {
+  try {
+    const reservation = await Reservation.create(req.body);
+    res.status(201).json(reservation);
+  } catch (error) {
+    res.status(400).json({ message: error.message });
+  }
+}
+
+module.exports = {
+  createReservation,
+};
diff --git a/backend/index.js b/backend/index.js
index c7f400fc..ee787758 100644
--- a/backend/index.js
+++ b/backend/index.js
@@ -1,6 +1,24 @@
 const express = require("express");
+const cors = require("cors");
 const app = express();
 const port = 3000;
+require("dotenv").config();
+const mongoose = require("mongoose");
+const { createReservation } = require("./controller/reservation.controller");
 
-app.get("/", (req, res) => res.send("Hello World!"));
-app.listen(port, () => console.log(`Example app listening on port ${port}!`));
+app.use(cors({}));
+
+app.use(express.json());
+
+mongoose
+  .connect(process.env.MONGO_URI)
+  .then(() => {
+    console.log("Connected to MongoDB");
+  })
+  .catch((error) => {
+    console.error("Database connection failed:", error);
+  });
+
+app.post("/create-reservation", createReservation);
+
+app.listen(port, () => console.log(`Server is running on port ${port}!`));
diff --git a/backend/models/reservation.model.js b/backend/models/reservation.model.js
new file mode 100644
index 00000000..d57cb1de
--- /dev/null
+++ b/backend/models/reservation.model.js
@@ -0,0 +1,21 @@
+const mongoose = require("mongoose");
+const Schema = mongoose.Schema;
+
+const reservationSchema = new Schema({
+  Guests: {
+    type: String,
+    required: true,
+  },
+  Date: {
+    type: String,
+    required: true,
+  },
+  Time: {
+    type: String,
+    required: true,
+  },
+});
+
+const Reservation = mongoose.model("Reservation", reservationSchema);
+
+module.exports = Reservation;
diff --git a/backend/package.json b/backend/package.json
index 70ceb0e8..b06bd3b6 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -10,6 +10,10 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
-    "express": "^4.21.0"
+    "cors": "^2.8.5",
+    "dotenv": "^16.4.5",
+    "express": "^4.21.0",
+    "mongoose": "^8.7.0",
+    "nodemon": "^3.1.7"
   }
 }
diff --git a/frontend/src/components/Pages/Register.jsx b/frontend/src/components/Pages/Register.jsx
index fbe2244c..c79a6646 100644
--- a/frontend/src/components/Pages/Register.jsx
+++ b/frontend/src/components/Pages/Register.jsx
@@ -1,3 +1,4 @@
+import { useEffect, useState } from "react";
 import pic from "../../assets/img/abt1.jpg";
 import pic2 from "../../assets/img/abt1.png";
 import pic3 from "../../assets/img/abt2.png";
@@ -5,6 +6,40 @@ import pic4 from "../../assets/img/abt3.png";
 import pic5 from "../../assets/img/abt4.png";
 
 export default function Register() {
+  const [Guests, setGuests] = useState();
+  const [Date, setDate] = useState("");
+  const [Time, setTime] = useState("");
+
+  useEffect(() => {
+    console.log(Guests);
+  }, [Guests]);
+
+  useEffect(() => {
+    console.log(Date);
+  }, [Date]);
+
+  useEffect(() => {
+    console.log(Time);
+  }, [Time]);
+
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    fetch("http://localhost:3000/create-reservation", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        Guests,
+        Date,
+        Time,
+      }),
+    })
+      .then((res) => res.json())
+      .then((data) => console.log(data))
+      .catch((error) => console.log(error));
+  };
+
   return (
     <>
       <div className="w-full mx-auto mt-10 lg:mt-0 md:mt-0">
@@ -46,6 +81,7 @@ export default function Register() {
                     </label>
                     <select
                       id="guests"
+                      onChange={(e) => setGuests(e.target.value)}
                       className="flex h-10 w-full items-center rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
                     >
                       <option value="">Select number of guests</option>
@@ -67,7 +103,8 @@ export default function Register() {
                     <input
                       type="date"
                       id="date"
-                      className="flex h-10 w-full items-center rounded-md border border-input bg-white px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+                      onChange={(e) => setDate(e.target.value)}
+                      className="flex h-10 w-full items-center rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
                     />
                   </div>
                 </div>
@@ -80,6 +117,7 @@ export default function Register() {
                   </label>
                   <select
                     id="time"
+                    onChange={(e) => setTime(e.target.value)}
                     className="flex h-10 w-full items-center rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
                   >
                     <option value="">Select time</option>
@@ -93,6 +131,7 @@ export default function Register() {
                 <button
                   className="inline-flex items-center justify-center p-4 bg-[#D9D9D9] hover:bg-[#C9C9C9]"
                   type="submit"
+                  onClick={handleSubmit}
                 >
                   Reserve Now
                 </button>
@@ -101,8 +140,8 @@ export default function Register() {
           </div>
         </section>
         <h1 className="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold tracking-tighter text-amber-100 bg-green-900 p-5 text-center">
-                    Popular Board Games
-                </h1>
+          Popular Board Games
+        </h1>
         <div className="mt-8 w-full flex justify-center bg-white ">
           <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 mt-8 mb-10">
             <div

From 1834450526f39e41918b47ec5c54fb7076d8af22 Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 07:33:45 +0530
Subject: [PATCH 02/14] Tried to fix deployement issues

---
 backend/.gitignore                           |  4 ----
 backend/controller/reservation.controller.js | 22 ++++++++++++++++++++
 backend/package.json                         |  4 ++++
 3 files changed, 26 insertions(+), 4 deletions(-)
 delete mode 100644 backend/.gitignore

diff --git a/backend/.gitignore b/backend/.gitignore
deleted file mode 100644
index e5af36a7..00000000
--- a/backend/.gitignore
+++ /dev/null
@@ -1,4 +0,0 @@
-node_modules
-dist
-.env    
-package-lock.json
\ No newline at end of file
diff --git a/backend/controller/reservation.controller.js b/backend/controller/reservation.controller.js
index d2b57078..16aea23b 100644
--- a/backend/controller/reservation.controller.js
+++ b/backend/controller/reservation.controller.js
@@ -1,7 +1,29 @@
+const { z } = require("zod");
 const Reservation = require("../models/reservation.model");
 
+// Define the Zod schema for reservation validation
+const reservationSchema = z.object({
+  Guests: z.string().refine((val) => !isNaN(Date.parse(val)), {
+    message: "Invalid Guests format",
+  }),
+  Date: z.string().refine((val) => !isNaN(Date.parse(val)), {
+    message: "Invalid date format",
+  }),
+  Time: z.string().regex(/^([01]\d|2[0-3]):?([0-5]\d)$/, {
+    message: "Invalid time format",
+  }),
+});
+
 async function createReservation(req, res) {
   try {
+    // Validate the request body against the schema
+    const validationResult = reservationSchema.safeParse(req.body);
+
+    if (!validationResult.success) {
+      return res.status(400).json({ message: validationResult.error.errors });
+    }
+
+    // Create the reservation if validation passes
     const reservation = await Reservation.create(req.body);
     res.status(201).json(reservation);
   } catch (error) {
diff --git a/backend/package.json b/backend/package.json
index b06bd3b6..b5d1c8fa 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "main": "index.js",
   "scripts": {
+    "start": "node index.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
@@ -14,6 +15,9 @@
     "dotenv": "^16.4.5",
     "express": "^4.21.0",
     "mongoose": "^8.7.0",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
     "nodemon": "^3.1.7"
   }
 }

From 13ca5e7dba861dbb154168be431fcff33e9b069d Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 08:10:58 +0530
Subject: [PATCH 03/14] Fixed package.json

---
 .gitignore                                   |  4 ++++
 backend/controller/reservation.controller.js | 19 +++++++++----------
 backend/package.json                         |  2 +-
 3 files changed, 14 insertions(+), 11 deletions(-)
 create mode 100644 .gitignore

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..e5af36a7
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+node_modules
+dist
+.env    
+package-lock.json
\ No newline at end of file
diff --git a/backend/controller/reservation.controller.js b/backend/controller/reservation.controller.js
index 16aea23b..34e908a9 100644
--- a/backend/controller/reservation.controller.js
+++ b/backend/controller/reservation.controller.js
@@ -3,15 +3,9 @@ const Reservation = require("../models/reservation.model");
 
 // Define the Zod schema for reservation validation
 const reservationSchema = z.object({
-  Guests: z.string().refine((val) => !isNaN(Date.parse(val)), {
-    message: "Invalid Guests format",
-  }),
-  Date: z.string().refine((val) => !isNaN(Date.parse(val)), {
-    message: "Invalid date format",
-  }),
-  Time: z.string().regex(/^([01]\d|2[0-3]):?([0-5]\d)$/, {
-    message: "Invalid time format",
-  }),
+  Guests: z.string(),
+  Date: z.string(),
+  Time: z.string(),
 });
 
 async function createReservation(req, res) {
@@ -24,7 +18,12 @@ async function createReservation(req, res) {
     }
 
     // Create the reservation if validation passes
-    const reservation = await Reservation.create(req.body);
+    const reservation = await Reservation.create({
+      Guests: validationResult.data.Guests,
+      Date: validationResult.data.Date,
+      Time: validationResult.data.Time,
+    });
+
     res.status(201).json(reservation);
   } catch (error) {
     res.status(400).json({ message: error.message });
diff --git a/backend/package.json b/backend/package.json
index b5d1c8fa..eb0cd14e 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "main": "index.js",
   "scripts": {
-    "start": "node index.js",
+    "start": "nodemon index.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],

From 9c4027e340f8470e4f0152d6782c2d4352b6aed7 Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 08:23:02 +0530
Subject: [PATCH 04/14] Setup backend with mvc architechture added proper
 routing

---
 backend/.env                         | 1 +
 backend/index.js                     | 3 +--
 backend/routes/api.js                | 7 +++++++
 backend/routes/reservation.router.js | 7 +++++++
 4 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 backend/.env
 create mode 100644 backend/routes/api.js
 create mode 100644 backend/routes/reservation.router.js

diff --git a/backend/.env b/backend/.env
new file mode 100644
index 00000000..8382344c
--- /dev/null
+++ b/backend/.env
@@ -0,0 +1 @@
+MONGO_URI=your-mongo-uri
\ No newline at end of file
diff --git a/backend/index.js b/backend/index.js
index ee787758..9d92ca9d 100644
--- a/backend/index.js
+++ b/backend/index.js
@@ -4,7 +4,6 @@ const app = express();
 const port = 3000;
 require("dotenv").config();
 const mongoose = require("mongoose");
-const { createReservation } = require("./controller/reservation.controller");
 
 app.use(cors({}));
 
@@ -19,6 +18,6 @@ mongoose
     console.error("Database connection failed:", error);
   });
 
-app.post("/create-reservation", createReservation);
+app.post("/api", require("./routes/api"));
 
 app.listen(port, () => console.log(`Server is running on port ${port}!`));
diff --git a/backend/routes/api.js b/backend/routes/api.js
new file mode 100644
index 00000000..13c432ef
--- /dev/null
+++ b/backend/routes/api.js
@@ -0,0 +1,7 @@
+const express = require("express");
+
+const router = express.Router();
+
+router.use("/reservation", require("./reservation.router"));
+
+module.exports = router;
diff --git a/backend/routes/reservation.router.js b/backend/routes/reservation.router.js
new file mode 100644
index 00000000..66fb83c5
--- /dev/null
+++ b/backend/routes/reservation.router.js
@@ -0,0 +1,7 @@
+const express = require("express");
+const { createReservation } = require("../controller/reservation.controller");
+const router = express.Router();
+
+router.post("./create", createReservation);
+
+module.exports = router;

From 1fd66bffdb7780c27f6496deb960a122d0918e50 Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 08:23:33 +0530
Subject: [PATCH 05/14] restructured

---
 .gitignore | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index e5af36a7..1e0339c6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,4 @@
 node_modules
 dist
-.env    
+
 package-lock.json
\ No newline at end of file

From 4af9a600e8cba70b41b9a71212573b4a5997b444 Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 08:43:09 +0530
Subject: [PATCH 06/14] Setup backend with mvc architechture added proper
 routing

---
 backend/.env                                     |  2 +-
 backend/index.js                                 | 16 ++++++++++++----
 backend/routes/api.js                            |  7 -------
 backend/routes/index.js                          | 10 ++++++++++
 ...eservation.router.js => reservationRouter.js} |  5 ++++-
 frontend/src/components/Pages/Register.jsx       |  2 +-
 6 files changed, 28 insertions(+), 14 deletions(-)
 delete mode 100644 backend/routes/api.js
 create mode 100644 backend/routes/index.js
 rename backend/routes/{reservation.router.js => reservationRouter.js} (54%)

diff --git a/backend/.env b/backend/.env
index 8382344c..e9921c4c 100644
--- a/backend/.env
+++ b/backend/.env
@@ -1 +1 @@
-MONGO_URI=your-mongo-uri
\ No newline at end of file
+MONGO_URI=mongodb+srv://vsamarth1212:vinodvaidya1234@cluster0.dp1v0xa.mongodb.net/
\ No newline at end of file
diff --git a/backend/index.js b/backend/index.js
index 9d92ca9d..f9b7ac7c 100644
--- a/backend/index.js
+++ b/backend/index.js
@@ -5,19 +5,27 @@ const port = 3000;
 require("dotenv").config();
 const mongoose = require("mongoose");
 
-app.use(cors({}));
+app.use(
+  cors({
+    origin: "*",
+  })
+);
 
 app.use(express.json());
 
 mongoose
-  .connect(process.env.MONGO_URI)
+  .connect(process.env.MONGO_URI, {
+    useNewUrlParser: true,
+    useUnifiedTopology: true,
+  })
   .then(() => {
     console.log("Connected to MongoDB");
   })
   .catch((error) => {
-    console.error("Database connection failed:", error);
+    console.error("Database connection failed:", error.message);
+    console.error(error.stack);
   });
 
-app.post("/api", require("./routes/api"));
+app.use("/api", require("./routes/index"));
 
 app.listen(port, () => console.log(`Server is running on port ${port}!`));
diff --git a/backend/routes/api.js b/backend/routes/api.js
deleted file mode 100644
index 13c432ef..00000000
--- a/backend/routes/api.js
+++ /dev/null
@@ -1,7 +0,0 @@
-const express = require("express");
-
-const router = express.Router();
-
-router.use("/reservation", require("./reservation.router"));
-
-module.exports = router;
diff --git a/backend/routes/index.js b/backend/routes/index.js
new file mode 100644
index 00000000..6b924eb2
--- /dev/null
+++ b/backend/routes/index.js
@@ -0,0 +1,10 @@
+const express = require("express");
+
+const router = express.Router();
+
+router.use("/reservation", require("./reservationRouter"));
+router.get("/", (req, res) => {
+  res.send("Welcome to the restaurant API!");
+});
+
+module.exports = router;
diff --git a/backend/routes/reservation.router.js b/backend/routes/reservationRouter.js
similarity index 54%
rename from backend/routes/reservation.router.js
rename to backend/routes/reservationRouter.js
index 66fb83c5..8c4fafe4 100644
--- a/backend/routes/reservation.router.js
+++ b/backend/routes/reservationRouter.js
@@ -2,6 +2,9 @@ const express = require("express");
 const { createReservation } = require("../controller/reservation.controller");
 const router = express.Router();
 
-router.post("./create", createReservation);
+router.post("/create", createReservation);
+router.get("/", (req, res) => {
+  res.send("Welcome to the restaurant resservation API!");
+});
 
 module.exports = router;
diff --git a/frontend/src/components/Pages/Register.jsx b/frontend/src/components/Pages/Register.jsx
index c79a6646..6e1f6991 100644
--- a/frontend/src/components/Pages/Register.jsx
+++ b/frontend/src/components/Pages/Register.jsx
@@ -24,7 +24,7 @@ export default function Register() {
 
   const handleSubmit = (e) => {
     e.preventDefault();
-    fetch("http://localhost:3000/create-reservation", {
+    fetch("http://localhost:3000/api/reservation/create", {
       method: "POST",
       headers: {
         "Content-Type": "application/json",

From 5bf789d28712f186c63d351d71f7bb09bae8e799 Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 08:44:45 +0530
Subject: [PATCH 07/14] Setup backend with mvc architechture added proper
 routing

---
 backend/.env | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/.env b/backend/.env
index e9921c4c..8b231fa4 100644
--- a/backend/.env
+++ b/backend/.env
@@ -1 +1 @@
-MONGO_URI=mongodb+srv://vsamarth1212:vinodvaidya1234@cluster0.dp1v0xa.mongodb.net/
\ No newline at end of file
+MONGO_URI=your_mongo_uri
\ No newline at end of file

From 269fcc0ee1948756c924c738252da22dc3ef917e Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 08:48:30 +0530
Subject: [PATCH 08/14] Setup backend with mvc architechture added proper
 routing for future

---
 frontend/src/components/Pages/Register.jsx | 39 ----------------------
 1 file changed, 39 deletions(-)

diff --git a/frontend/src/components/Pages/Register.jsx b/frontend/src/components/Pages/Register.jsx
index 6e1f6991..f1a0c058 100644
--- a/frontend/src/components/Pages/Register.jsx
+++ b/frontend/src/components/Pages/Register.jsx
@@ -1,4 +1,3 @@
-import { useEffect, useState } from "react";
 import pic from "../../assets/img/abt1.jpg";
 import pic2 from "../../assets/img/abt1.png";
 import pic3 from "../../assets/img/abt2.png";
@@ -6,40 +5,6 @@ import pic4 from "../../assets/img/abt3.png";
 import pic5 from "../../assets/img/abt4.png";
 
 export default function Register() {
-  const [Guests, setGuests] = useState();
-  const [Date, setDate] = useState("");
-  const [Time, setTime] = useState("");
-
-  useEffect(() => {
-    console.log(Guests);
-  }, [Guests]);
-
-  useEffect(() => {
-    console.log(Date);
-  }, [Date]);
-
-  useEffect(() => {
-    console.log(Time);
-  }, [Time]);
-
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    fetch("http://localhost:3000/api/reservation/create", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({
-        Guests,
-        Date,
-        Time,
-      }),
-    })
-      .then((res) => res.json())
-      .then((data) => console.log(data))
-      .catch((error) => console.log(error));
-  };
-
   return (
     <>
       <div className="w-full mx-auto mt-10 lg:mt-0 md:mt-0">
@@ -81,7 +46,6 @@ export default function Register() {
                     </label>
                     <select
                       id="guests"
-                      onChange={(e) => setGuests(e.target.value)}
                       className="flex h-10 w-full items-center rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
                     >
                       <option value="">Select number of guests</option>
@@ -103,7 +67,6 @@ export default function Register() {
                     <input
                       type="date"
                       id="date"
-                      onChange={(e) => setDate(e.target.value)}
                       className="flex h-10 w-full items-center rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
                     />
                   </div>
@@ -117,7 +80,6 @@ export default function Register() {
                   </label>
                   <select
                     id="time"
-                    onChange={(e) => setTime(e.target.value)}
                     className="flex h-10 w-full items-center rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
                   >
                     <option value="">Select time</option>
@@ -131,7 +93,6 @@ export default function Register() {
                 <button
                   className="inline-flex items-center justify-center p-4 bg-[#D9D9D9] hover:bg-[#C9C9C9]"
                   type="submit"
-                  onClick={handleSubmit}
                 >
                   Reserve Now
                 </button>

From 51f78acc1fc0b4374b40598aad780b591c6fe81e Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 08:55:58 +0530
Subject: [PATCH 09/14] Removed env mongo signature

---
 backend/.env | 1 -
 1 file changed, 1 deletion(-)

diff --git a/backend/.env b/backend/.env
index 8b231fa4..e69de29b 100644
--- a/backend/.env
+++ b/backend/.env
@@ -1 +0,0 @@
-MONGO_URI=your_mongo_uri
\ No newline at end of file

From 367a8f42e6687a6c0b7568a922127095793c4853 Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 09:47:08 +0530
Subject: [PATCH 10/14] resolved gitrrabit conflicts

---
 backend/controller/reservation.controller.js | 33 ++++++++++++--------
 backend/index.js                             |  3 +-
 backend/models/reservation.model.js          | 19 ++++++++---
 backend/routes/index.js                      | 10 +++++-
 backend/routes/reservationRouter.js          |  9 +++++-
 5 files changed, 53 insertions(+), 21 deletions(-)

diff --git a/backend/controller/reservation.controller.js b/backend/controller/reservation.controller.js
index 34e908a9..ab02a989 100644
--- a/backend/controller/reservation.controller.js
+++ b/backend/controller/reservation.controller.js
@@ -3,30 +3,37 @@ const Reservation = require("../models/reservation.model");
 
 // Define the Zod schema for reservation validation
 const reservationSchema = z.object({
-  Guests: z.string(),
-  Date: z.string(),
-  Time: z.string(),
+  guests: z.number().int().positive(),
+  date: z.string().regex(/^\d{2}\/\d{2}\/\d{4}$/),
+  time: z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/),
 });
 
 async function createReservation(req, res) {
   try {
-    // Validate the request body against the schema
     const validationResult = reservationSchema.safeParse(req.body);
 
     if (!validationResult.success) {
-      return res.status(400).json({ message: validationResult.error.errors });
+      console.error("Validation error:", validationResult.error.errors);
+      return res.status(400).json({
+        success: false,
+        message: "Validation failed",
+        errors: validationResult.error.errors,
+      });
     }
 
-    // Create the reservation if validation passes
-    const reservation = await Reservation.create({
-      Guests: validationResult.data.Guests,
-      Date: validationResult.data.Date,
-      Time: validationResult.data.Time,
-    });
+    const reservation = await Reservation.create(validationResult.data);
 
-    res.status(201).json(reservation);
+    res.status(201).json({
+      success: true,
+      message: "Reservation created successfully",
+      data: reservation,
+    });
   } catch (error) {
-    res.status(400).json({ message: error.message });
+    console.error("Error creating reservation:", error);
+    res.status(500).json({
+      success: false,
+      message: "An error occurred while creating the reservation",
+    });
   }
 }
 
diff --git a/backend/index.js b/backend/index.js
index f9b7ac7c..fe48d1a7 100644
--- a/backend/index.js
+++ b/backend/index.js
@@ -7,7 +7,7 @@ const mongoose = require("mongoose");
 
 app.use(
   cors({
-    origin: "*",
+    origin: ["https://localhost:3000", "https://play-cafe.vercel.app"],
   })
 );
 
@@ -24,6 +24,7 @@ mongoose
   .catch((error) => {
     console.error("Database connection failed:", error.message);
     console.error(error.stack);
+    process.exit(1);
   });
 
 app.use("/api", require("./routes/index"));
diff --git a/backend/models/reservation.model.js b/backend/models/reservation.model.js
index d57cb1de..8f6c3a64 100644
--- a/backend/models/reservation.model.js
+++ b/backend/models/reservation.model.js
@@ -2,17 +2,26 @@ const mongoose = require("mongoose");
 const Schema = mongoose.Schema;
 
 const reservationSchema = new Schema({
-  Guests: {
-    type: String,
+  guests: {
+    type: Number,
     required: true,
+    min: [1, "At least one guest is required"],
+    max: [20, "Maximum 20 guests allowed"],
   },
-  Date: {
-    type: String,
+  date: {
+    type: Date,
     required: true,
+    min: [new Date(), "Date must be in the future"],
   },
-  Time: {
+  time: {
     type: String,
     required: true,
+    validate: {
+      validator: function (v) {
+        return /^([01]\d|2[0-3]):([0-5]\d)$/.test(v);
+      },
+      message: (props) => `${props.value} is not a valid time format!`,
+    },
   },
 });
 
diff --git a/backend/routes/index.js b/backend/routes/index.js
index 6b924eb2..8503b4c3 100644
--- a/backend/routes/index.js
+++ b/backend/routes/index.js
@@ -1,10 +1,18 @@
 const express = require("express");
+const Reservation = require("../models/reservation.model");
 
 const router = express.Router();
 
 router.use("/reservation", require("./reservationRouter"));
 router.get("/", (req, res) => {
-  res.send("Welcome to the restaurant API!");
+  res.json({
+    message: "Welcome to the restaurant API!",
+    version: "1.0.0",
+    endpoints: {
+      Reservation: "/reservation",
+    },
+    documentation: "https://api-docs-url.com",
+  });
 });
 
 module.exports = router;
diff --git a/backend/routes/reservationRouter.js b/backend/routes/reservationRouter.js
index 8c4fafe4..f741c1b3 100644
--- a/backend/routes/reservationRouter.js
+++ b/backend/routes/reservationRouter.js
@@ -4,7 +4,14 @@ const router = express.Router();
 
 router.post("/create", createReservation);
 router.get("/", (req, res) => {
-  res.send("Welcome to the restaurant resservation API!");
+  res.json({
+    message: "Welcome to the restaurant reservation API!",
+    version: "1.0.0",
+    endpoints: {
+      createReservation: "/create [POST]",
+    },
+    documentation: "https://api-docs-url.com",
+  });
 });
 
 module.exports = router;

From ab8d55e8f6f9c4f533f1f5b4b76fac10bc0eab28 Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 09:54:31 +0530
Subject: [PATCH 11/14] resolved gitrrabit in index.js

---
 backend/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/index.js b/backend/index.js
index fe48d1a7..ec366e8b 100644
--- a/backend/index.js
+++ b/backend/index.js
@@ -7,7 +7,7 @@ const mongoose = require("mongoose");
 
 app.use(
   cors({
-    origin: ["https://localhost:3000", "https://play-cafe.vercel.app"],
+    origin: ["http://localhost:3000", "https://play-cafe.vercel.app"],
   })
 );
 

From 4a71b38b40c8f48b144445b03f2dd8eef8d14cc2 Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 13:10:30 +0530
Subject: [PATCH 12/14] added env.example

---
 backend/.env        | 0
 backend/env.exapmle | 1 +
 2 files changed, 1 insertion(+)
 delete mode 100644 backend/.env
 create mode 100644 backend/env.exapmle

diff --git a/backend/.env b/backend/.env
deleted file mode 100644
index e69de29b..00000000
diff --git a/backend/env.exapmle b/backend/env.exapmle
new file mode 100644
index 00000000..c8cf3d4e
--- /dev/null
+++ b/backend/env.exapmle
@@ -0,0 +1 @@
+MONGO_URI=enter_your_mongo_uri
\ No newline at end of file

From 888aa5c62e0c09edcd455a9fe47441dc0a457a68 Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 17:09:40 +0530
Subject: [PATCH 13/14] Made reservation portal which stores reservation data
 in backend

---
 backend/.env                                 |  1 +
 backend/controller/reservation.controller.js |  6 ++--
 backend/index.js                             |  2 +-
 backend/models/reservation.model.js          | 13 ++-----
 frontend/package.json                        |  1 +
 frontend/src/components/Pages/Register.jsx   | 36 ++++++++++++++++++++
 6 files changed, 44 insertions(+), 15 deletions(-)
 create mode 100644 backend/.env

diff --git a/backend/.env b/backend/.env
new file mode 100644
index 00000000..e9921c4c
--- /dev/null
+++ b/backend/.env
@@ -0,0 +1 @@
+MONGO_URI=mongodb+srv://vsamarth1212:vinodvaidya1234@cluster0.dp1v0xa.mongodb.net/
\ No newline at end of file
diff --git a/backend/controller/reservation.controller.js b/backend/controller/reservation.controller.js
index ab02a989..f5631326 100644
--- a/backend/controller/reservation.controller.js
+++ b/backend/controller/reservation.controller.js
@@ -3,9 +3,9 @@ const Reservation = require("../models/reservation.model");
 
 // Define the Zod schema for reservation validation
 const reservationSchema = z.object({
-  guests: z.number().int().positive(),
-  date: z.string().regex(/^\d{2}\/\d{2}\/\d{4}$/),
-  time: z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/),
+  guests: z.string(),
+  date: z.string(),
+  time: z.string(),
 });
 
 async function createReservation(req, res) {
diff --git a/backend/index.js b/backend/index.js
index ec366e8b..cd1df4b7 100644
--- a/backend/index.js
+++ b/backend/index.js
@@ -7,7 +7,7 @@ const mongoose = require("mongoose");
 
 app.use(
   cors({
-    origin: ["http://localhost:3000", "https://play-cafe.vercel.app"],
+    origin: ["http://localhost:5173", "https://play-cafe.vercel.app"],
   })
 );
 
diff --git a/backend/models/reservation.model.js b/backend/models/reservation.model.js
index 8f6c3a64..07d7effb 100644
--- a/backend/models/reservation.model.js
+++ b/backend/models/reservation.model.js
@@ -3,25 +3,16 @@ const Schema = mongoose.Schema;
 
 const reservationSchema = new Schema({
   guests: {
-    type: Number,
+    type: String,
     required: true,
-    min: [1, "At least one guest is required"],
-    max: [20, "Maximum 20 guests allowed"],
   },
   date: {
-    type: Date,
+    type: String,
     required: true,
-    min: [new Date(), "Date must be in the future"],
   },
   time: {
     type: String,
     required: true,
-    validate: {
-      validator: function (v) {
-        return /^([01]\d|2[0-3]):([0-5]\d)$/.test(v);
-      },
-      message: (props) => `${props.value} is not a valid time format!`,
-    },
   },
 });
 
diff --git a/frontend/package.json b/frontend/package.json
index 0dc66924..92fa21fd 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -13,6 +13,7 @@
     "@splidejs/splide": "^4.1.4",
     "@splidejs/splide-extension-auto-scroll": "^0.5.3",
     "autoprefixer": "^10.4.19",
+    "axios": "^1.7.7",
     "clsx": "^2.1.1",
     "framer-motion": "^11.5.6",
     "react": "^18.3.1",
diff --git a/frontend/src/components/Pages/Register.jsx b/frontend/src/components/Pages/Register.jsx
index f1a0c058..881bf3f3 100644
--- a/frontend/src/components/Pages/Register.jsx
+++ b/frontend/src/components/Pages/Register.jsx
@@ -1,3 +1,4 @@
+import { useState } from "react";
 import pic from "../../assets/img/abt1.jpg";
 import pic2 from "../../assets/img/abt1.png";
 import pic3 from "../../assets/img/abt2.png";
@@ -5,6 +6,31 @@ import pic4 from "../../assets/img/abt3.png";
 import pic5 from "../../assets/img/abt4.png";
 
 export default function Register() {
+  const [date, setDate] = useState("");
+  const [time, setTime] = useState("");
+  const [guests, setGuests] = useState();
+
+  const handleSubmit = (e) => {
+    console.log(guests);
+    console.log(time);
+    console.log(date);
+    e.preventDefault();
+    fetch("http://localhost:3000/api/reservation/create", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        guests,
+        date,
+        time,
+      }),
+    })
+      .then((res) => res.json())
+      .then((data) => console.log(data))
+      .catch((error) => console.log(error));
+  };
+
   return (
     <>
       <div className="w-full mx-auto mt-10 lg:mt-0 md:mt-0">
@@ -46,6 +72,9 @@ export default function Register() {
                     </label>
                     <select
                       id="guests"
+                      onChange={(e) => {
+                        setGuests(e.target.value);
+                      }}
                       className="flex h-10 w-full items-center rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
                     >
                       <option value="">Select number of guests</option>
@@ -67,6 +96,9 @@ export default function Register() {
                     <input
                       type="date"
                       id="date"
+                      onChange={(e) => {
+                        setDate(e.target.value);
+                      }}
                       className="flex h-10 w-full items-center rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
                     />
                   </div>
@@ -80,6 +112,9 @@ export default function Register() {
                   </label>
                   <select
                     id="time"
+                    onChange={(e) => {
+                      setTime(e.target.value);
+                    }}
                     className="flex h-10 w-full items-center rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
                   >
                     <option value="">Select time</option>
@@ -93,6 +128,7 @@ export default function Register() {
                 <button
                   className="inline-flex items-center justify-center p-4 bg-[#D9D9D9] hover:bg-[#C9C9C9]"
                   type="submit"
+                  onClick={handleSubmit}
                 >
                   Reserve Now
                 </button>

From 1271b7209d8d054c38f4a741fbf5b7d6dd372fa1 Mon Sep 17 00:00:00 2001
From: Samarth Vaidya <v.samarth1212@gmail.com>
Date: Thu, 3 Oct 2024 17:12:12 +0530
Subject: [PATCH 14/14] removed .env, added .env.example

---
 backend/{env.exapmle => .env.exapmle} | 0
 .gitignore => backend/.gitignore      | 0
 2 files changed, 0 insertions(+), 0 deletions(-)
 rename backend/{env.exapmle => .env.exapmle} (100%)
 rename .gitignore => backend/.gitignore (100%)

diff --git a/backend/env.exapmle b/backend/.env.exapmle
similarity index 100%
rename from backend/env.exapmle
rename to backend/.env.exapmle
diff --git a/.gitignore b/backend/.gitignore
similarity index 100%
rename from .gitignore
rename to backend/.gitignore