diff --git a/client/README.md b/client/README.md
deleted file mode 100644
index 42e552b1..00000000
--- a/client/README.md
+++ /dev/null
@@ -1 +0,0 @@
-# Client For UNI-Verse
\ No newline at end of file
diff --git a/client/css/hello.css b/client/css/hello.css
new file mode 100644
index 00000000..e69de29b
diff --git a/client/script/hello.jsx b/client/script/hello.jsx
new file mode 100644
index 00000000..e69de29b
diff --git a/client/script/test.jsx b/client/script/test.jsx
new file mode 100644
index 00000000..e69de29b
diff --git a/client/templates/fac/Event.html b/client/templates/fac/Event.html
new file mode 100644
index 00000000..3be66ceb
--- /dev/null
+++ b/client/templates/fac/Event.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Complaints</title>
+</head>
+
+<body>
+    <h1>Accept/Reject Events</h1>
+    <table>
+        <tr>
+            <th>Event Name</th>
+            <th>Event Description</th>
+            <th>Event Date</th>
+            <th>Event Time</th>
+            <th>Event Venue</th>
+            <th>Event Organizer</th>
+            <th>Event Count</th>
+            <th>Hosted By</th>
+            <th>Poster</th>
+            <th>Select</th>
+        </tr>
+        <tr>
+            <td>Alfreds Futterkiste</td>
+            <td>Maria Anders</td>
+            <td>Germany</td>
+            <td>Germany</td>
+            <td>Germany</td>
+            <td>Germany</td>
+            <td>Germany</td>
+            <td>Germany</td>
+            <td>Germany</td>
+            <th><input type="radio"></th>
+        </tr>
+    </table>
+    <form>
+        <input type="submit" value="Submit" />
+    </form>
+    <a href="./stu-reg.html">Register</a>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/client/templates/fac/course.html b/client/templates/fac/course.html
new file mode 100644
index 00000000..08f334fd
--- /dev/null
+++ b/client/templates/fac/course.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>View Courses</title>
+</head>
+
+<body>
+  <h1>View Courses</h1>
+  <table>
+    <tr>
+      <th>Course name</th>
+      <th>Course Code</th>
+      <th>Course Type</th>
+      <th>Course Credits</th>
+      <th>Course teacherId(Name)</th>
+    </tr>
+    <tr>
+      <td>Alfreds Futterkiste</td>
+      <td>Maria Anders</td>
+      <td>Germany</td>
+      <td>Germany</td>
+      <td>Germany</td>
+    </tr>
+  </table>
+  
+  
+</body>
+
+</html>
\ No newline at end of file
diff --git a/client/templates/fac/fac-login.html b/client/templates/fac/fac-login.html
new file mode 100644
index 00000000..b487d612
--- /dev/null
+++ b/client/templates/fac/fac-login.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <h1>Login</h1>
+    <form>
+      <label for="ID">ID:</label>
+      <input type="text" id="empId" name="empId" /><br /><br />
+      <label for="password">Password:</label>
+      <input type="password" id="password" name="password" /><br /><br />
+      <input type="submit" value="Submit" />
+    </form>
+  </body>
+  <script>
+    const loginForm = document.getElementById("login-form");
+
+    loginForm.addEventListener("submit", async (event) => {
+      event.preventDefault();
+
+      const formData = new FormData(loginForm);
+      const empId = formData.get("empId");
+      const password = formData.get("password");
+      const response = await fetch(
+        "http://localhost:8000/api/v1/faculty/auth/login",
+        {
+          method: "POST",
+          body: JSON.stringify({
+            empId: empId,
+            password: password,
+          }),
+          headers: {
+            "Content-type": "application/json",
+          },
+        }
+      );
+
+      if (response.ok) {
+        const data = await response.json();
+        localStorage.setItem("token", data.token);
+        window.location.href = "./Event.html";
+      } else {
+        const error = await response.json();
+        alert(error.message);
+      }
+    });
+  </script>
+</html>
diff --git a/client/templates/hello.html b/client/templates/hello.html
new file mode 100644
index 00000000..d9baddb2
--- /dev/null
+++ b/client/templates/hello.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <h1>Hello</h1>
+    <p>Who are you?</p>
+    <ul>
+      <li><a href="./stu/stu-login.html">Student</a></li>
+      <li><a href="./war/war-login.html">Warden</a></li>
+      <li><a href="./fac/fac-login.html">Faculty</a></li>
+    </ul>
+  </body>
+</html>
diff --git a/client/templates/stu/PostEvent.html b/client/templates/stu/PostEvent.html
new file mode 100644
index 00000000..479da1ee
--- /dev/null
+++ b/client/templates/stu/PostEvent.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Post Events</title>
+</head>
+
+<body>
+    <h1>Post Event</h1>
+    <form id="PostEvent-form" method="POST">
+        
+        <label>Event Name</label>
+        <input type="text" id="eventName" name="eventName"><br><br>
+        <label>Event Description</label>
+        <input type="text" id="eventDescription" name="eventDescription"><br><br>
+        
+        <label>Event Date</label>
+        <input type="text" id="eventName" name="eventName"><br><br>
+        
+        <label>Event Time</label>
+        <input type="text" id="eventTime" name="eventTime"><br><br>
+        
+        <label>Event Venue</label>
+        <input type="text" id="eventVenue" name="eventVenue"><br><br>
+        
+        <label>Event Organiser</label>
+        <input type="text" id="eventOrganiser" name="eventOrganiser"><br><br>
+        
+        <label>Participant Count</label>
+        <input type="text" id="participantCount" name="participantCount"><br><br>
+        
+        <label>Hosted By</label>
+        <input type="text" id="hostedBy" name="hostedBy"><br><br>
+        
+        <label>Poster</label>
+        <input type="text" id="eventPoster" name="eventPoster"><br><br>
+        +
+        <input type="submit" value="Submit" />
+    </form>
+    <a href="./stu-reg.html">Register</a>
+</body>
+
+<script>
+    const PostForm = document.getElementById("PostEvent-form");
+
+    PostForm.addEventListener("submit", async (event) => {
+        event.preventDefault();
+
+        const formData = new PostData(PostForm);
+        const eventName = formData.get("eventName");
+        const eventDescription = formData.get("eventDescription");
+        const eventDate = formData.get("eventDate");
+        const eventTime = formData.get("eventTime");
+        const eventVenue = formData.get("eventVenue");
+        const eventOrganiser = formData.get("eventOrganiser");
+        const participantCount = formData.get("participantCount");
+        const hostedBy = formData.get("hostedBy");
+        const eventPoster = formData.get("eventPoster");
+
+        const resp = await fetch(
+            "http://localhost:8000/api/v1/student/event/",
+            {
+                method: "POST",
+                body: JSON.stringify({
+                    eventName: eventName,
+                    eventDescription: eventDescription,
+                    eventDate: eventDate,
+                    eventTime: eventTime,
+                    eventVenue: eventVenue,
+                    eventOrganiser: eventOrganiser,
+                    participantCount: participantCount,
+                    hostedBy: hostedBy,
+                    eventPoster: eventPoster,
+                }),
+                headers: {
+                    "Content-type": "application/json; charset=UTF-8",
+                },
+            }
+        );
+        console.log(resp);
+        if (resp.status == 200) alert("Successfully Registered");
+        else alert("Error Occured");
+    });
+</script>
+
+</html>
\ No newline at end of file
diff --git a/client/templates/stu/complaint.html b/client/templates/stu/complaint.html
new file mode 100644
index 00000000..d53b4aff
--- /dev/null
+++ b/client/templates/stu/complaint.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Complaints</title>
+  </head>
+
+  <body>
+    <script>
+      // Get the container element where the navbar component will be placed
+      const navbarContainer = document.getElementById("navbar-container");
+
+      // Fetch and insert the navbar component HTML
+      fetch("./nav.html")
+        .then((response) => response.text())
+        .then((html) => {
+          navbarContainer.innerHTML = html;
+        })
+        .catch((error) => {
+          console.error("Error fetching navbar component:", error);
+        });
+    </script>
+
+    <h1>Previous Complaints</h1>
+    <ul>
+      Complaint 1
+    </ul>
+    <ul>
+      Complaint 2
+    </ul>
+    <ul>
+      Complaint 3
+    </ul>
+    <h1>Add Complaints</h1>
+    <form>
+      <label> Complaint Type: </label>
+      <input type="text" id="ComplaintType" name="ComplaintType" /><br /><br />
+      <label> Complaint Date: </label>
+      <input type="text" id="ComplaintDate" name="ComplaintType" /><br /><br />
+      <label> Complaint Description: </label>
+      <input
+        type="text"
+        id="ComplaintDescription"
+        name="ComplaintType"
+      /><br /><br />
+      <label> Complaint Severity:</label>
+      <input
+        type="text"
+        id="ComplaintSeverity"
+        name="ComplaintType"
+      /><br /><br />
+      <input type="submit" value="Submit" />
+    </form>
+  </body>
+</html>
diff --git a/client/templates/stu/dashboard.html b/client/templates/stu/dashboard.html
new file mode 100644
index 00000000..62438db2
--- /dev/null
+++ b/client/templates/stu/dashboard.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Dashboard</title>
+</head>
+
+<body>
+    <h1>Choose your pill</h1>
+    <p>Red or Blue? Choose wisely</p>
+    <ul>
+        <ul><a href="./complaint.html"><button>COMPLAINT</button></ul></a>
+        <br><br>
+        <ul><a href="./leave.html"><BUTTON>LEAVE</BUTTON></ul></a>
+        <br><br>
+        <ul><a href="./room.html"><button>room</button></ul></a>
+        <br><br>
+        <ul><a href="./PostEvent.html"><button>PostEvent </button></ul></a>
+    </ul>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/client/templates/stu/leave.html b/client/templates/stu/leave.html
new file mode 100644
index 00000000..f330c83d
--- /dev/null
+++ b/client/templates/stu/leave.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Leave Requests</title>
+    <script></script>
+  </head>
+  <body>
+    <h1>Leave Requests</h1>
+    <form id="leave-form" method="post">
+      <p>Enter type of leave request</p>
+      <select>
+        <option value="Outing">Outing</option>
+        <option value="Parent Leave">Parent Leave</option>
+        <option value="Medical Leave">Medical Leave</option>
+      </select>
+      <br />
+      <br />
+      <p>Enter reason for Leave request</p>
+      <input type="text" />
+      <p>Enter the date</p>
+      <input type="date" />
+      <p>Enter the time</p>
+      <input type="time" />
+      <p>Enter leaveDuration</p>
+      <input type="text" />
+      <br /><br />
+      <button type="submit">Register</button>
+      <br /><br />
+    </form>
+    <table border="Black">
+      <tr>
+        <td>Leave ID</td>
+        <td>Type of leave request</td>
+        <td>Reason for leave</td>
+        <td>Date of leaving</td>
+        <td>Date of return</td>
+        <td>Delete Request</td>
+      </tr>
+    </table>
+    <script>
+      const leaveForm = document.getElementById("register-form");
+
+      leaveForm.addEventListener("submit", async (event) => {
+        event.preventDefault();
+
+        const formData = new FormData(leaveForm);
+
+        const leaveType = formData.get("leaveType");
+        const leaveDate = formData.get("leaveDate");
+        const leaveTime = formData.get("leaveTime");
+        const leaveDuration = formData.get("leaveDuration");
+
+        const resp = await fetch(
+          "http://localhost:8000/api/v1/student/leave/",
+          {
+            method: "POST",
+            body: JSON.stringify({
+              leaveType: leaveType,
+              leaveDate: leaveDate,
+              leaveTime: leaveTime,
+              leaveDuration: leaveDuration,
+            }),
+            headers: {
+              "Content-type": "application/json; charset=UTF-8",
+            },
+          }
+        );
+        console.log(resp);
+        if (resp.status == 200) alert("Successfully Registered");
+        else alert("Error Occured");
+      });
+    </script>
+  </body>
+</html>
diff --git a/client/templates/stu/nav.html b/client/templates/stu/nav.html
new file mode 100644
index 00000000..ccfb8775
--- /dev/null
+++ b/client/templates/stu/nav.html
@@ -0,0 +1,36 @@
+<!-- navbar.html -->
+
+<!-- CSS Styles -->
+<style>
+  .navbar {
+    background-color: #333;
+    color: #fff;
+    padding: 10px;
+  }
+
+  .navbar ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+  }
+
+  .navbar li {
+    margin-right: 10px;
+  }
+
+  .navbar li a {
+    color: #fff;
+    text-decoration: none;
+  }
+</style>
+
+<!-- Navbar Component -->
+<div class="navbar">
+  <ul>
+    <li><a href="#">Home</a></li>
+    <li><a href="#">About</a></li>
+    <li><a href="#">Services</a></li>
+    <li><a href="#">Contact</a></li>
+  </ul>
+</div>
diff --git a/client/templates/stu/room.html b/client/templates/stu/room.html
new file mode 100644
index 00000000..c53b73d1
--- /dev/null
+++ b/client/templates/stu/room.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <div>
+      <p>Your current room:</p>
+      <p>Room type: <p id="room-type"></p></p>
+      <p>Block: <p id="block"></p></p>
+      <p>Room number: <p id="roomNo"></p></p>
+      <p>Mess type: <p id="mess"></p></p>
+    </div>
+    <div>
+      <p>Change mess:</p>
+      <input type="text" placeholder="Mess type" id="messtype" />
+      <button onclick="changeMess()">Change mess</button>
+    </div>
+  </body>
+  <script>
+async function getData() {
+  const token = localStorage.getItem("token")
+  const resp = await fetch("http://localhost:8000/api/v1/student/me", {headers: {
+    Authorization: `Bearer ${token}`
+  }})
+  const data =await resp.json()
+  document.getElementById("block").innerText = data.data.block
+  document.getElementById("room-type").innerText = data.data.roomType
+  document.getElementById("roomNo").innerText = data.data.roomNo
+  document.getElementById("mess").innerText = data.data.messType
+}
+getData()
+
+async function changeMess() {
+  const token = localStorage.getItem("token")
+  if (!token) {
+    alert("Authentication token missing!");
+    return;
+  }
+
+  const mess = document.getElementById("messtype").value
+  const resp = await fetch("http://localhost:8000/api/v1/student/mess-details/", {
+    method: "PUT",
+          body: JSON.stringify({
+            messType: mess,
+          }),
+          headers: {
+            "Content-type": "application/json",
+            Authorization: `Bearer ${token}`,
+          },
+        });
+        const data = await resp.json();
+        if (data.ok) {
+          alert("Mess changed successfully!");
+        } else {
+          alert("Mess change failed!");
+        }
+      }
+  </script>
+</html>
diff --git a/client/templates/stu/stu-login.html b/client/templates/stu/stu-login.html
new file mode 100644
index 00000000..80b953e9
--- /dev/null
+++ b/client/templates/stu/stu-login.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <h1>Login</h1>
+    <form id="login-form" method="POST">
+      <label for="ID">ID:</label>
+      <input type="text" id="username" name="username" /><br /><br />
+      <label for="password">Password:</label>
+      <input type="password" id="password" name="password" /><br /><br />
+      <input type="submit" value="Submit" />
+    </form>
+    <a href="./stu-reg.html">Register</a>
+  </body>
+  <script>
+    const loginForm = document.getElementById("login-form");
+
+    loginForm.addEventListener("submit", async (event) => {
+      event.preventDefault();
+
+      const formData = new FormData(loginForm);
+      const regno = formData.get("username");
+      const password = formData.get("password");
+      const response = await fetch(
+        "http://localhost:8000/api/v1/student/auth/login",
+        {
+          method: "POST",
+          body: JSON.stringify({
+            regNo: regno,
+            password: password,
+          }),
+          headers: {
+            "Content-type": "application/json",
+          },
+        }
+      );
+
+      if (response.ok) {
+        const data = await response.json();
+        localStorage.setItem("token", data.token);
+        window.location.href = "./Event.html";
+      } else {
+        const error = await response.json();
+        alert(error.message);
+      }
+    });
+  </script>
+</html>
diff --git a/client/templates/stu/stu-reg.html b/client/templates/stu/stu-reg.html
new file mode 100644
index 00000000..d140bd28
--- /dev/null
+++ b/client/templates/stu/stu-reg.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <a>Register</a>
+    <form id="register-form" method="POST">
+      <label for="name">Name:</label>
+      <input type="text" id="name" name="name" required />
+
+      <label for="regno">Registration Number:</label>
+      <input type="text" id="regno" name="regno" required />
+
+      <label for="block">Block:</label>
+      <input type="text" id="block" name="block" required />
+
+      <label for="password">Password:</label>
+      <input type="password" id="password" name="password" required />
+
+      <label for="roomno">Room Number:</label>
+      <input type="text" id="roomno" name="roomno" required />
+
+      <button type="submit">Register</button>
+    </form>
+  </body>
+  <script>
+    const registerForm = document.getElementById("register-form");
+
+    registerForm.addEventListener("submit", async (event) => {
+      event.preventDefault();
+
+      const formData = new FormData(registerForm);
+
+      const name = formData.get("name");
+      const regNo = formData.get("regno");
+      const blockNo = formData.get("block");
+      const pass = formData.get("password");
+      const roomNo = formData.get("roomno");
+
+      const resp = await fetch(
+        "http://localhost:8000/api/v1/student/auth/register",
+        {
+          method: "POST",
+          body: JSON.stringify({
+            name: name,
+            regNo: regNo,
+            block: blockNo,
+            password: pass,
+            roomNo: roomNo,
+          }),
+          headers: {
+            "Content-type": "application/json; charset=UTF-8",
+          },
+        }
+      );
+      console.log(resp);
+      if (resp.status == 200) alert("Successfully Registered");
+      else alert("Error Occured");
+    });
+  </script>
+</html>
diff --git a/client/templates/war/dashboard.html b/client/templates/war/dashboard.html
new file mode 100644
index 00000000..c0a4d1da
--- /dev/null
+++ b/client/templates/war/dashboard.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Dashboard</title>
+</head>
+
+<body>
+    <h1>Choose your pill</h1>
+    <p>Red or Blue? Choose wisely</p>
+    <ul>
+        <ul><a href="./complaint.html"><button>COMPLAINT</button></ul></a>
+        <br><br>
+        <ul><a href="./leave.html"><BUTTON>LEAVE</BUTTON></ul></a>
+        <br><br>
+        <ul><a href="./room.html"><button>room</button></ul></a>
+    </ul>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/client/templates/war/leave.html b/client/templates/war/leave.html
new file mode 100644
index 00000000..4346d250
--- /dev/null
+++ b/client/templates/war/leave.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <p>View leave request:</p>
+    <table>
+      <thead>
+        <tr>
+          <th>Student</th>
+          <th>Regno</th>
+          <th>Leave Type</th>
+          <th>Leave Date</th>
+          <th>Leave Time</th>
+          <th>Leave Duration</th>
+        </tr>
+      </thead>
+      <tbody id="leave-request"></tbody>
+    </table>
+    <script>
+      async function fetchleaveDetails() {
+        const token = localStorage.getItem("token");
+        const response = await fetch(
+          "http://localhost:8000/api/v1/warden/leave",
+          {
+            headers: {
+              Authorization: `Bearer ${token}`,
+            },
+          }
+        );
+        const data = await response.json();
+        return data;
+      }
+
+      async function displayleaveRequests() {
+        const leaveDetails = await fetchleaveDetails();
+        const tbody = document.getElementById("leave-requests");
+        if (Array.isArray(leaveDetails)) {
+          for (const leave of leaveDetails) {
+            console.log(leave);
+            const tr = document.createElement("tr");
+            tr.innerHTML = `
+          <td>${leave.student.name}</td>
+          <td>${leave.student.regno}</td>
+          <td>${leave.leaveType}</td>
+          <td>${leave.leaveDate}</td>
+          <td>${leave.leaveTime}</td>
+          <td>${leave.leaveDuration}</td>
+
+          <td>${leave.isFull ? "Yes" : "No"}</td>`;
+            tbody.appendChild(tr);
+          }
+        } else {
+          console.error("No leave details found.");
+        }
+      }
+
+      const token = localStorage.getItem("token");
+      if (token) {
+        displayleaveRequests();
+      } else {
+        console.error("Authentication token not found.");
+      }
+    </script>
+  </body>
+</html>
diff --git a/client/templates/war/room.html b/client/templates/war/room.html
new file mode 100644
index 00000000..c054d694
--- /dev/null
+++ b/client/templates/war/room.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <p>View room requests:</p>
+    <table>
+      <thead>
+        <tr>
+          <th>Block</th>
+          <th>Room No</th>
+          <th>Room Type</th>
+          <th>Room Capacity</th>
+          <th>Students</th>
+          <th>Is Full?</th>
+        </tr>
+      </thead>
+      <tbody id="room-request"></tbody>
+    </table>
+    <script>
+      async function fetchRoomDetails() {
+        const token = localStorage.getItem("token");
+        const response = await fetch(
+          "http://localhost:8000/api/v1/warden/room-details/",
+          {
+            headers: {
+              Authorization: `Bearer ${token}`,
+            },
+          }
+        );
+        const data = await response.json();
+        return data;
+      }
+
+      async function displayRoomRequests() {
+        const roomDetails = await fetchRoomDetails();
+        const tbody = document.getElementById("room-requests");
+        if (Array.isArray(roomDetails)) {
+          for (const room of roomDetails) {
+            console.log(room);
+            const tr = document.createElement("tr");
+            tr.innerHTML = `
+          <td>${room.block}</td>
+          <td>${room.roomNo}</td>
+          <td>${room.roomType}</td>
+          <td>${room.roomCapacity}</td>
+          <td>${
+            Array.isArray(room.students) ? room.students.join(", ") : ""
+          }</td>
+          <td>${room.isFull ? "Yes" : "No"}</td>
+        `;
+            tbody.appendChild(tr);
+          }
+        } else {
+          console.error("Room details not found.");
+        }
+      }
+
+      const token = localStorage.getItem("token");
+      if (token) {
+        displayRoomRequests();
+      } else {
+        console.error("Authentication token not found.");
+      }
+    </script>
+  </body>
+</html>
diff --git a/client/templates/war/war-login.html b/client/templates/war/war-login.html
new file mode 100644
index 00000000..4db5cdbf
--- /dev/null
+++ b/client/templates/war/war-login.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <h1>Login</h1>
+    <form id="login-form" method="POST">
+      <label for="block">block:</label>
+      <select id="block" name="block">
+        <option value="A">A</option>
+        <option value="B">B</option>
+        <option value="C">C</option>
+        <option value="D">D</option>
+      </select>
+
+      <label for="password">Password:</label>
+      <input type="password" id="password" name="password" /><br /><br />
+      <input type="submit" value="Submit" />
+    </form>
+  </body>
+  <script>
+    const loginForm = document.getElementById("login-form");
+
+    loginForm.addEventListener("submit", async (event) => {
+      event.preventDefault();
+
+      const formData = new FormData(loginForm);
+      const block = formData.get("block");
+      const password = formData.get("password");
+      const response = await fetch(
+        "http://localhost:8000/api/v1/warden/auth/login",
+        {
+          method: "POST",
+          body: JSON.stringify({
+            block: block,
+            password: password,
+          }),
+          headers: {
+            "Content-type": "application/json",
+          },
+        }
+      );
+
+      if (response.ok) {
+        const data = await response.json();
+        localStorage.setItem("token", data.token);
+        window.location.href = "./dashboard.html";
+      } else {
+        const error = await response.json();
+        alert(error.message);
+      }
+    });
+  </script>
+</html>
diff --git a/readme.md b/readme.md
new file mode 100644
index 00000000..888405d0
--- /dev/null
+++ b/readme.md
@@ -0,0 +1,20 @@
+This project was done for a hackathon in 6hrs. We have done a barebones html site with a few pages. The following pages/features are working and have been implemented to some extend
+
+- Home
+- Student
+
+  - Login
+  - Registration
+  - Student dashboard
+  - Room details and change
+  - Mess details and change
+
+- Warden
+
+  - Login
+  - Dashboard
+  - See all rooms
+  - See leave requests
+
+- Faculty
+  - Login
diff --git a/server/prisma/dev.db b/server/prisma/dev.db
index 8dda6a36..46913de5 100644
Binary files a/server/prisma/dev.db and b/server/prisma/dev.db differ
diff --git a/server/src/router/Student/studentAuthRouter.js b/server/src/router/Student/studentAuthRouter.js
index ed6dfab2..0d6375cf 100644
--- a/server/src/router/Student/studentAuthRouter.js
+++ b/server/src/router/Student/studentAuthRouter.js
@@ -17,7 +17,6 @@ const studentAuthRouter = Router();
 // Error: { message, error }
 studentAuthRouter.post("/register", async (req, res) => {
   const { name, regNo, block, password, roomNo } = req.body;
-
   try {
     const validStudent = studentAuthRegisterSchema.parse({
       name,
diff --git a/server/yarn.lock b/server/yarn.lock
index 6743c93c..9db930e7 100644
--- a/server/yarn.lock
+++ b/server/yarn.lock
@@ -95,13 +95,13 @@ bcrypt@^5.1.0:
     "@mapbox/node-pre-gyp" "^1.0.10"
     node-addon-api "^5.0.0"
 
-body-parser@1.20.1:
-  version "1.20.1"
-  resolved "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz"
-  integrity sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==
+body-parser@^1.20.2:
+  version "1.20.2"
+  resolved "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz"
+  integrity sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==
   dependencies:
     bytes "3.1.2"
-    content-type "~1.0.4"
+    content-type "~1.0.5"
     debug "2.6.9"
     depd "2.0.0"
     destroy "1.2.0"
@@ -109,17 +109,17 @@ body-parser@1.20.1:
     iconv-lite "0.4.24"
     on-finished "2.4.1"
     qs "6.11.0"
-    raw-body "2.5.1"
+    raw-body "2.5.2"
     type-is "~1.6.18"
     unpipe "1.0.0"
 
-body-parser@^1.20.2:
-  version "1.20.2"
-  resolved "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz"
-  integrity sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==
+body-parser@1.20.1:
+  version "1.20.1"
+  resolved "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz"
+  integrity sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==
   dependencies:
     bytes "3.1.2"
-    content-type "~1.0.5"
+    content-type "~1.0.4"
     debug "2.6.9"
     depd "2.0.0"
     destroy "1.2.0"
@@ -127,7 +127,7 @@ body-parser@^1.20.2:
     iconv-lite "0.4.24"
     on-finished "2.4.1"
     qs "6.11.0"
-    raw-body "2.5.2"
+    raw-body "2.5.1"
     type-is "~1.6.18"
     unpipe "1.0.0"
 
@@ -283,7 +283,7 @@ etag@~1.8.1:
   resolved "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz"
   integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
 
-express@^4.18.2:
+express@^4.18.2, "express@>=4.0.0 || >=5.0.0-beta":
   version "4.18.2"
   resolved "https://registry.npmjs.org/express/-/express-4.18.2.tgz"
   integrity sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==
@@ -453,7 +453,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.3:
+inherits@^2.0.3, inherits@2, inherits@2.0.4:
   version "2.0.4"
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -583,6 +583,11 @@ mkdirp@^1.0.3:
   resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
+ms@^2.1.1:
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz"
@@ -593,7 +598,7 @@ ms@2.1.2:
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
-ms@2.1.3, ms@^2.1.1:
+ms@2.1.3:
   version "2.1.3"
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
@@ -671,7 +676,7 @@ path-to-regexp@0.1.7:
   resolved "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz"
   integrity sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==
 
-prisma@^4.15.0:
+prisma@*, prisma@^4.15.0:
   version "4.15.0"
   resolved "https://registry.npmjs.org/prisma/-/prisma-4.15.0.tgz"
   integrity sha512-iKZZpobPl48gTcSZVawLMQ3lEy6BnXwtoMj7hluoGFYu2kQ6F9LBuBrUyF95zRVnNo8/3KzLXJXJ5TEnLSJFiA==
@@ -734,7 +739,7 @@ rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
-safe-buffer@5.2.1, safe-buffer@^5.0.1, safe-buffer@~5.2.0:
+safe-buffer@^5.0.1, safe-buffer@~5.2.0, safe-buffer@5.2.1:
   version "5.2.1"
   resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
@@ -814,6 +819,13 @@ statuses@2.0.1:
   resolved "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz"
   integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
 
+string_decoder@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz"
+  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+  dependencies:
+    safe-buffer "~5.2.0"
+
 "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
@@ -823,13 +835,6 @@ statuses@2.0.1:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string_decoder@^1.1.1:
-  version "1.3.0"
-  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz"
-  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
-  dependencies:
-    safe-buffer "~5.2.0"
-
 strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
@@ -889,7 +894,7 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-unpipe@1.0.0, unpipe@~1.0.0:
+unpipe@~1.0.0, unpipe@1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz"
   integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
