From 69fc67ee029fb84ef168c76d38ff54a717718be5 Mon Sep 17 00:00:00 2001
From: Manik Maity <manikmaity156@gmail.com>
Date: Tue, 5 Nov 2024 23:24:52 +0530
Subject: [PATCH] =?UTF-8?q?Added=20Register=20Page=20=E2=9C=94=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.jsx            |  2 +
 frontend/src/pages/Register.jsx | 75 +++++++++++++++++++++++++++++++++
 2 files changed, 77 insertions(+)
 create mode 100644 frontend/src/pages/Register.jsx

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 8b8c3e7..b7c6556 100644
--- a/frontend/src/App.jsx
+++ b/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>
   );
diff --git a/frontend/src/pages/Register.jsx b/frontend/src/pages/Register.jsx
new file mode 100644
index 0000000..cbb1405
--- /dev/null
+++ b/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;