Added Register Page ✔️

frontend/src/App.jsx

@@ -4,6 +4,7 @@ import { Routes, Route, BrowserRouter } from "react-router-dom";
 import Home from "./pages/Home";
 import Header from "./components/Header/Header";
 import LoginPage from "./pages/LoginPage";
+import Register from "./pages/Register";
 
 function App() {
   return (
@@ -12,6 +13,7 @@ function App() {
       <Routes>
         <Route path="/" element={<Home />} />
         <Route path="/login" element={<LoginPage/>} />
+        <Route path="/register" element={<Register/>} />
       </Routes>
     </BrowserRouter>
   );

frontend/src/pages/Register.jsx

@@ -0,0 +1,75 @@
+import React from "react";
+
+function Register() {
+  return (
+    <div className=" flex justify-center p-4">
+      <div className="w-full max-w-md  rounded-lg ">
+        <h2 className="text-2xl font-semibold text-center text-white mb-6">
+          Sign Up
+        </h2>
+
+        <form className="space-y-4">
+          {/* Username Input */}
+          <div className="form-control w-full">
+            <label className="label">
+              <span className="label-text text-gray-200">Username</span>
+            </label>
+            <input
+              type="text"
+              placeholder="Enter your username"
+              className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
+              required
+            />
+          </div>
+
+          {/* Email Input */}
+          <div className="form-control w-full">
+            <label className="label">
+              <span className="label-text text-gray-200">Email</span>
+            </label>
+            <input
+              type="email"
+              placeholder="Enter your email"
+              className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
+              required
+            />
+          </div>
+
+          {/* Password Input */}
+          <div className="form-control w-full">
+            <label className="label">
+              <span className="label-text text-gray-200">Password</span>
+            </label>
+            <input
+              type="password"
+              placeholder="Enter your password"
+              className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
+              required
+            />
+          </div>
+
+
+          {/* Submit Button */}
+          <div>
+            <button type="submit" className="btn btn-primary w-full text-white mt-4">
+              Sign Up
+            </button>
+          </div>
+        </form>
+
+        {/* Divider */}
+        <div className="divider text-gray-400">OR</div>
+
+        {/* Login Link */}
+        <p className="text-center text-gray-300">
+          Already have an account?{" "}
+          <a href="#" className="text-primary hover:underline">
+            Login
+          </a>
+        </p>
+      </div>
+    </div>
+  );
+}
+
+export default Register;