Index: client/src/LogIn/LogIn.jsx
===================================================================
--- client/src/LogIn/LogIn.jsx	(revision 4e0806c2dd0462ae643bf3c4f7314e0f0ed2336a)
+++ client/src/LogIn/LogIn.jsx	(revision 9099ba78de05917397df8cf2414a6935d0b452dc)
@@ -1,11 +1,46 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
 const Login = () => {
   return (
-    <div>
-      <h1>Login</h1>
-      <form>
-        <input type="text" placeholder="Username" />
-        <input type="password" placeholder="Password" />
-        <button type="submit">Log In</button>
-      </form>
+    <div
+      data-theme="luxury"
+      className="flex flex-col items-center justify-center h-screen"
+    >
+      <h1 className="text-4xl font-bold mb-6">Create an account</h1>
+      <fieldset className="fieldset bg-base-200 border-base-300 rounded-box w-96 border p-8 space-y-6">
+        <div>
+          <label className="label text-lg" htmlFor="email">
+            Email
+          </label>
+          <input
+            id="email"
+            type="email"
+            className="input input-lg w-full"
+            placeholder="user123@students.finki.ukim.mk"
+          />
+          <p className="text-sm mt-1">
+            *Must register with your students address
+          </p>
+        </div>
+
+        <div>
+          <label className="label text-lg" htmlFor="password">
+            Password
+          </label>
+          <input
+            id="password"
+            type="password"
+            className="input input-lg w-full"
+            placeholder="Password"
+          />
+        </div>
+        <button className="btn bg-black btn-xs sm:btn-sm md:btn-md lg:btn-lg xl:btn-xl">
+          Log in
+        </button>
+      </fieldset>
+      <Link to="/register" className="underline mt-1.5">
+        Create new account
+      </Link>
     </div>
   );
Index: client/src/Register/Register.jsx
===================================================================
--- client/src/Register/Register.jsx	(revision 4e0806c2dd0462ae643bf3c4f7314e0f0ed2336a)
+++ client/src/Register/Register.jsx	(revision 9099ba78de05917397df8cf2414a6935d0b452dc)
@@ -1,11 +1,71 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
 const Register = () => {
   return (
-    <div>
-      <h1>Login</h1>
-      <form>
-        <input type="text" placeholder="Username" />
-        <input type="password" placeholder="Password" />
-        <button type="submit">Register</button>
-      </form>
+    <div
+      data-theme="luxury"
+      className="flex flex-col items-center justify-center h-screen"
+    >
+      <h1 className="text-4xl font-bold mb-6">Create an account</h1>
+      <fieldset className="fieldset bg-base-200 border-base-300 rounded-box w-96 border p-8 space-y-6">
+        <div>
+          <label className="label text-lg" htmlFor="username">
+            Username
+          </label>
+          <input
+            id="username"
+            type="text"
+            className="input input-lg w-full"
+            placeholder="User123"
+          />
+        </div>
+
+        <div>
+          <label className="label text-lg" htmlFor="email">
+            Email
+          </label>
+          <input
+            id="email"
+            type="email"
+            className="input input-lg w-full"
+            placeholder="user123@students.finki.ukim.mk"
+          />
+          <p className="text-sm mt-1">
+            *Must register with your students address
+          </p>
+        </div>
+
+        <div>
+          <label className="label text-lg" htmlFor="password">
+            Password
+          </label>
+          <input
+            id="password"
+            type="password"
+            className="input input-lg w-full"
+            placeholder="Password"
+          />
+        </div>
+
+        <div>
+          <label className="label text-lg" htmlFor="confirmPassword">
+            Confirm Password
+          </label>
+          <input
+            id="confirmPassword"
+            type="password"
+            className="input input-lg w-full"
+            placeholder="Confirm Password"
+          />
+        </div>
+        <button className="btn bg-black btn-xs sm:btn-sm md:btn-md lg:btn-lg xl:btn-xl">
+          Register
+        </button>
+      </fieldset>
+
+      <Link to="/login" className="underline mt-1.5">
+        Already have an account?
+      </Link>
     </div>
   );
Index: client/src/main.jsx
===================================================================
--- client/src/main.jsx	(revision 4e0806c2dd0462ae643bf3c4f7314e0f0ed2336a)
+++ client/src/main.jsx	(revision 9099ba78de05917397df8cf2414a6935d0b452dc)
@@ -1,10 +1,11 @@
-import { StrictMode } from 'react';
-import { createRoot } from 'react-dom/client';
-import './index.css';
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "./index.css";
 
-import LandingPage from './LandingPage/LandingPage';
-import Register from './Register/Register';
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
-createRoot(document.getElementById('root')).render(
+import LandingPage from "./LandingPage/LandingPage";
+import Register from "./Register/Register";
+import Login from "./LogIn/LogIn";
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+createRoot(document.getElementById("root")).render(
   <StrictMode>
     <Router>
@@ -12,4 +13,5 @@
         <Route path="/" element={<LandingPage />} />
         <Route path="/register" element={<Register />} />
+        <Route path="/login" element={<Login />} />
       </Routes>
     </Router>