Index: client/src/CreatePost/CreatePost.jsx
===================================================================
--- client/src/CreatePost/CreatePost.jsx	(revision f81e51db6528a006870f29732b354caf2d93943f)
+++ client/src/CreatePost/CreatePost.jsx	(revision 15e548ae6d6ce4232c1c7b18d3a07153aa513c92)
@@ -1,7 +1,9 @@
 import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
 
 const CreatePost = () => {
   const [title, setTitle] = useState("");
   const [content, setContent] = useState("");
+  const navigate = useNavigate();
 
   const handleSubmit = (e) => {
@@ -12,46 +14,79 @@
 
   return (
-    <div
-      data-theme="luxury"
-      className="flex items-center justify-center min-h-screen"
-    >
-      <form
-        className="p-8 rounded-lg shadow-md w-full max-w-md border"
-        onSubmit={handleSubmit}
-      >
-        <h2 className="text-2xl font-bold mb-6">Create a Post</h2>
-        <div className="mb-4">
-          <label htmlFor="title" className="block text-sm font-medium  mb-2">
-            Title
-          </label>
-          <input
-            type="text"
-            id="title"
-            value={title}
-            onChange={(e) => setTitle(e.target.value)}
-            required
-            className="w-full px-4 py-2 border  rounded-lg focus:outline-none focus:ring-2 "
-          />
+    <div data-theme="luxury" className="min-h-screen bg-base-100 p-6">
+      <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 w-full">
+        <div className="flex items-center justify-between mb-8">
+          <h2 className="text-3xl font-bold text-base-content">
+            Create a Post
+          </h2>
+          <button
+            onClick={() => navigate(-1)}
+            className="btn btn-outline gap-2"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              className="w-5 h-5"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2"
+            >
+              <path d="M19 12H5M12 19l-7-7 7-7" />
+            </svg>
+            Back to Forum
+          </button>
         </div>
-        <div className="mb-6">
-          <label htmlFor="content" className="block text-sm font-medium ">
-            Content
-          </label>
-          <textarea
-            id="content"
-            value={content}
-            onChange={(e) => setContent(e.target.value)}
-            rows="10"
-            required
-            className="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 "
-          ></textarea>
-        </div>
-        <button
-          type="submit"
-          className="btn btn-active w-full  py-2 px-4 rounded-lg hover: transition duration-200"
+
+        <form
+          onSubmit={handleSubmit}
+          className="card bg-base-200 shadow-xl w-full"
         >
-          Submit
-        </button>
-      </form>
+          <div className="card-body p-6 sm:p-8">
+            <div className="space-y-8">
+              <div className="form-control w-full">
+                <label className="label">
+                  <span className="label-text text-lg font-medium">Title</span>
+                </label>
+                <input
+                  type="text"
+                  value={title}
+                  onChange={(e) => setTitle(e.target.value)}
+                  placeholder="Enter your post title"
+                  className="input input-bordered input-lg w-full focus:input-primary"
+                  required
+                />
+              </div>
+
+              <div className="flex flex-col form-control w-full">
+                <label className="label">
+                  <span className="label-text text-lg font-medium">
+                    Content
+                  </span>
+                </label>
+                <textarea
+                  value={content}
+                  onChange={(e) => setContent(e.target.value)}
+                  placeholder="Write your post content here..."
+                  className="textarea textarea-bordered min-h-[300px] sm:min-h-[400px] w-full text-base leading-relaxed focus:textarea-primary p-4"
+                  required
+                ></textarea>
+              </div>
+            </div>
+
+            <div className="card-actions justify-end mt-8">
+              <button
+                type="button"
+                onClick={() => navigate(-1)}
+                className="btn btn-ghost btn-lg"
+              >
+                Cancel
+              </button>
+              <button type="submit" className="btn border-amber-400 btn-lg">
+                Publish Post
+              </button>
+            </div>
+          </div>
+        </form>
+      </div>
     </div>
   );
Index: client/src/Dashboard/Dashboard.jsx
===================================================================
--- client/src/Dashboard/Dashboard.jsx	(revision f81e51db6528a006870f29732b354caf2d93943f)
+++ client/src/Dashboard/Dashboard.jsx	(revision 15e548ae6d6ce4232c1c7b18d3a07153aa513c92)
@@ -32,52 +32,110 @@
 
   return (
-    <div data-theme="luxury" className="dashboard min-h-screen flex">
-      <nav className="dashboard__navbar w-70 p-2 flex flex-col items-center border-r">
-        <div className="flex space-x-4 mb-10 mt-2.5">
-          <a href="/" className="flex items-center space-x-4">
-            <img src={logoIcon} alt="Logo 1" className="w-18" />
-            <img src={logoText} alt="Logo 2" className="w-40" />
+    <div
+      data-theme="luxury"
+      className="dashboard min-h-screen flex bg-base-100"
+    >
+      <nav className="dashboard__navbar w-64 min-h-screen bg-base-200 text-base-content">
+        <div className="p-4 border-b border-base-content/10">
+          <a href="/" className="flex items-center gap-2">
+            <img src={logoIcon} alt="Logo" className="w-10 h-10" />
+            <img src={logoText} alt="Logo Text" className="w-32" />
           </a>
         </div>
-        <ul className="flex flex-col space-y-4 flex-grow">
-          <li
-            className={`cursor-pointer ${
-              activePage === "home" ? "font-bold underline" : ""
+
+        <div className="px-4 py-8">
+          <ul className="menu menu-lg gap-2">
+            <li>
+              <button
+                className={`flex items-center gap-4 px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors ${
+                  activePage === "home"
+                    ? "bg-[#FFB800] text-black font-medium"
+                    : ""
+                }`}
+                onClick={() => setActivePage("home")}
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  className="w-5 h-5"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                >
+                  <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
+                </svg>
+                Task of the Day
+              </button>
+            </li>
+            <li>
+              <button
+                className={`flex items-center gap-4 px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors ${
+                  activePage === "leaderboard"
+                    ? "bg-[#FFB800] text-black font-medium"
+                    : ""
+                }`}
+                onClick={() => setActivePage("leaderboard")}
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  className="w-5 h-5"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                >
+                  <path d="M18 20V10M12 20V4M6 20v-6"></path>
+                </svg>
+                Leaderboard
+              </button>
+            </li>
+            <li>
+              <button
+                className={`flex items-center gap-4 px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors ${
+                  activePage === "competitions"
+                    ? "bg-[#FFB800] text-black font-medium"
+                    : ""
+                }`}
+                onClick={() => setActivePage("competitions")}
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  className="w-5 h-5"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                >
+                  <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+                  <circle cx="9" cy="7" r="4"></circle>
+                  <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+                  <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+                </svg>
+                Forum
+              </button>
+            </li>
+          </ul>
+        </div>
+
+        <div className="absolute bottom-0 left-0 right-0 p-4 border-t border-base-content/10">
+          <button
+            className={`flex items-center gap-3  px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors ${
+              activePage === "profile" ? "bg-[#FFB800] text-black" : ""
             }`}
-            onClick={() => setActivePage("home")}
+            onClick={() => setActivePage("profile")}
           >
-            Task of the Day
-          </li>
-          <li
-            className={`cursor-pointer ${
-              activePage === "leaderboard" ? "font-bold underline" : ""
-            }`}
-            onClick={() => setActivePage("leaderboard")}
-          >
-            Leaderboard
-          </li>
-          <li
-            className={`cursor-pointer ${
-              activePage === "competitions" ? "font-bold underline" : ""
-            }`}
-            onClick={() => setActivePage("competitions")}
-          >
-            Forum
-          </li>
-        </ul>
-        <div
-          className={`cursor-pointer dashboard__profile flex flex-row gap-10 items-center mt-auto ${
-            activePage === "profile" ? "font-bold" : ""
-          }`}
-          onClick={() => setActivePage("profile")}
-        >
-          <img
-            src={pp}
-            alt="Profile"
-            className="dashboard__profile-picture w-12 h-12 rounded-full border"
-          />
-          <p className="font-medium mt-2">John Doe</p>
+            <img
+              src={pp}
+              alt="Profile"
+              className="w-10 h-10 rounded-full border-2 border-base-content/10"
+            />
+            <div className="flex flex-col items-start">
+              <span className="font-medium">John Doe</span>
+              <span className="text-sm text-base-content/70">Student</span>
+            </div>
+          </button>
         </div>
       </nav>
+
       <main className="dashboard__content flex-1 p-6">{renderPage()}</main>
     </div>
Index: client/src/Dashboard/components/Task.jsx
===================================================================
--- client/src/Dashboard/components/Task.jsx	(revision f81e51db6528a006870f29732b354caf2d93943f)
+++ client/src/Dashboard/components/Task.jsx	(revision 15e548ae6d6ce4232c1c7b18d3a07153aa513c92)
@@ -10,79 +10,147 @@
 
   return (
-    <div
-      className="flex flex-col items-center justify-center p-6 rounded-lg shadow-lg"
-      data-theme="luxury"
-    >
+    <div className="container mx-auto max-w-4xl p-6" data-theme="luxury">
       {!showTask ? (
-        <>
-          <h1 className="text-4xl font-bold mb-4">The task for: {today}</h1>
-          <p className="text-center mb-6 w-80">
-            Welcome! Please make sure to follow the rules: Stay respectful, stay
-            focused, and have fun!
-            <br />
-            <br />
-            <strong>Note:</strong> The task will be available for 24 hours.
-            <br />
-            <br />
-            <strong>Rules for grading:</strong>The task will be graded based on
-            the time of submission.
-            <br />
-            <br />
-            The earlier you submit, the better your score. Also the number of
-            attempts will be taken into account.
-            <br />
-            <br />
-            The more attempts you make, the worse your score will be.
-          </p>
-          <button
-            onClick={handleStart}
-            className="btn btn-active text-5xl px-14 py-10 mt-8 border rounded"
-          >
-            Start Now
-          </button>
-        </>
+        <div className="card bg-base-200 shadow-xl">
+          <div className="card-body items-center text-center">
+            <div className="flex items-center justify-center w-16 h-16 rounded-full bg-primary/10">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                className="w-8 h-8 text-primary"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                strokeWidth="2"
+              >
+                <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
+              </svg>
+            </div>
+            <h1 className="card-title text-4xl font-bold mb-6">
+              Task for {today}
+            </h1>
+            <div className="divider"></div>
+            <div className="space-y-6 text-lg">
+              <div className="card bg-base-300 shadow-sm">
+                <div className="card-body">
+                  <h2 className="card-title">Rules for Grading</h2>
+                  <ul className="list-disc list-inside space-y-2">
+                    <li>Earlier submissions receive better scores</li>
+                    <li>Multiple attempts will reduce your score</li>
+                    <li>Stay respectful and focused</li>
+                    <li>Have fun solving the problem!</li>
+                  </ul>
+                </div>
+              </div>
+              <div className="alert">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  className="w-6 h-6 stroke-current"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                  ></path>
+                </svg>
+                <span>The task will be available for 24 hours</span>
+              </div>
+            </div>
+            <div className="card-actions justify-center mt-8">
+              <button
+                onClick={handleStart}
+                className="btn btn-lg border-amber-400 gap-2"
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  className="w-6 h-6"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                >
+                  <path d="M5 3l14 9-14 9V3z" />
+                </svg>
+                Start Challenge
+              </button>
+            </div>
+          </div>
+        </div>
       ) : (
-        <>
-          <h1 className="text-4xl font-bold mb-6">Your Task</h1>
-          <p className="text-center text-2xl mb-8">
-            <strong>Solve the following problem:</strong> Reverse a string.In
-            this task, you are required to write a function that takes a string
-            as input and returns a new string that is the reverse of the
-            original. For example, if the input string is "hello", the reversed
-            version should be "olleh". Similarly, if the input is "world", the
-            output should be "dlrow". However, you are not allowed to use any
-            built-in functions or shortcuts like Python's slicing syntax
-            ([::-1]) or the reverse() method. Instead, you should manually
-            reverse the string using a loop, stack, or another approach that
-            shows your understanding of how strings can be manipulated.{" "}
-          </p>
-          <div className=" p-4 rounded-lg mb-6">
-            <p>
-              Your unique input: <strong>ANDREJ</strong>
-            </p>
-            <p className="mt-3.5">
-              Use this on your local code editor and paste the output below
-            </p>
+        <div className="card bg-base-200 shadow-xl">
+          <div className="card-body">
+            <div className="flex items-center gap-4 mb-8">
+              <div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  className="w-6 h-6 text-primary"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                >
+                  <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
+                </svg>
+              </div>
+              <h1 className="card-title text-3xl">Challenge for {today}</h1>
+            </div>
+
+            <div className="card bg-base-300 mb-8">
+              <div className="card-body">
+                <h2 className="card-title mb-4">Problem: String Reversal</h2>
+                <p className="text-lg leading-relaxed">
+                  Write a function that takes a string as input and returns its
+                  reverse. You must implement this manually without using
+                  built-in reverse functions or shortcuts like Python's [::-1]
+                  slicing.
+                </p>
+              </div>
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
+              <div className="card bg-primary/5">
+                <div className="card-body">
+                  <h3 className="card-title text-primary">Your Input</h3>
+                  <div className="text-2xl font-mono mt-2">"ANDREJ"</div>
+                  <p className="text-sm mt-2 text-base-content/70">
+                    Use this input in your local editor
+                  </p>
+                </div>
+              </div>
+
+              <div className="card bg-base-300">
+                <div className="card-body">
+                  <h3 className="card-title">Example</h3>
+                  <div className="space-y-2 mt-2">
+                    <p className="font-mono">
+                      Input: "hello" → Output: "olleh"
+                    </p>
+                    <p className="font-mono">
+                      Input: "world" → Output: "dlrow"
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div className="card bg-base-300">
+              <div className="card-body">
+                <h3 className="card-title mb-4">Submit Your Solution</h3>
+                <input
+                  type="text"
+                  placeholder="Enter your output here"
+                  className="input input-bordered input-lg w-full mb-4"
+                />
+                <div className="card-actions justify-end">
+                  <button className="btn border-amber-400 btn-lg">
+                    Submit Solution
+                  </button>
+                </div>
+              </div>
+            </div>
           </div>
-          <div className="mb-8 border p-4 rounded-lg">
-            <h2 className="text-3xl font-semibold">Example:</h2>
-            <p className="text-xl">
-              <strong>Input:</strong> "hello"
-            </p>
-            <p className="text-xl">
-              <strong>Desired Output:</strong> "olleh"
-            </p>
-          </div>
-          <div className="flex flex-col items-center">
-            <input
-              type="text"
-              placeholder="Enter your solution"
-              className="border p-4 mb-6 w-96 text-xl rounded-lg"
-            />
-            <button className="btn btn-action px-10 py-6 text-2xl rounded-lg">
-              Submit
-            </button>
-          </div>
-        </>
+        </div>
       )}
     </div>
Index: client/src/LandingPage/components/Hero.jsx
===================================================================
--- client/src/LandingPage/components/Hero.jsx	(revision f81e51db6528a006870f29732b354caf2d93943f)
+++ client/src/LandingPage/components/Hero.jsx	(revision 15e548ae6d6ce4232c1c7b18d3a07153aa513c92)
@@ -1,4 +1,5 @@
-import React from 'react';
-import hero from '../../assets/images/hero-bg.jpg';
+import React from "react";
+import hero from "../../assets/images/hero-bg.jpg";
+import { Link } from "react-router-dom";
 const Hero = () => {
   return (
@@ -16,5 +17,7 @@
             Daily coding challenges and competitions for FINKI students
           </p>
-          <a className="btn btn-xl">Join now</a>
+          <Link to="/login" className="btn btn-xl">
+            Join now
+          </Link>
         </div>
       </div>
Index: client/src/LandingPage/components/VisionSection.jsx
===================================================================
--- client/src/LandingPage/components/VisionSection.jsx	(revision f81e51db6528a006870f29732b354caf2d93943f)
+++ client/src/LandingPage/components/VisionSection.jsx	(revision 15e548ae6d6ce4232c1c7b18d3a07153aa513c92)
@@ -1,4 +1,4 @@
-import React from 'react';
-import lista from '../../assets/images/lista.jpg';
+import React from "react";
+import lista from "../../assets/images/listaNoBg.png";
 const VisionSection = () => {
   return (
Index: client/src/LogIn/LogIn.jsx
===================================================================
--- client/src/LogIn/LogIn.jsx	(revision f81e51db6528a006870f29732b354caf2d93943f)
+++ client/src/LogIn/LogIn.jsx	(revision 15e548ae6d6ce4232c1c7b18d3a07153aa513c92)
@@ -8,5 +8,5 @@
       className="flex flex-col items-center justify-center h-screen"
     >
-      <h1 className="text-4xl font-bold mb-6">Create an account</h1>
+      <h1 className="text-4xl font-bold mb-6">Log in</h1>
       <fieldset className="fieldset bg-base-200 border-base-300 rounded-box w-96 border p-8 space-y-6">
         <div>
@@ -20,7 +20,5 @@
             placeholder="user123@students.finki.ukim.mk"
           />
-          <p className="text-sm mt-1">
-            *Must register with your students address
-          </p>
+          <p className="text-sm mt-1">*Must use your students address</p>
         </div>
 
Index: client/src/Register/Register.jsx
===================================================================
--- client/src/Register/Register.jsx	(revision f81e51db6528a006870f29732b354caf2d93943f)
+++ client/src/Register/Register.jsx	(revision 15e548ae6d6ce4232c1c7b18d3a07153aa513c92)
@@ -1,17 +1,17 @@
-import React from 'react';
-import { Link, useNavigate } from 'react-router-dom';
-import { useState } from 'react';
+import React from "react";
+import { Link, useNavigate } from "react-router-dom";
+import { useState } from "react";
 
 const Register = () => {
-  const [error, setError] = React.useState('');
+  const [error, setError] = React.useState("");
   const nav = useNavigate();
   const [formData, setFormData] = useState({
-    username: '',
-    email: '',
-    password: '',
-    confirmPassword: '',
+    username: "",
+    email: "",
+    password: "",
+    confirmPassword: "",
   });
   function validateEmail(email) {
-    return email.endsWith('@students.finki.ukim.mk');
+    return email.endsWith("@students.finki.ukim.mk");
   }
   const handleInputChange = (e) => {
@@ -26,11 +26,38 @@
 
     if (!validateEmail(formData.email)) {
-      setError('Email must end with @students.finki.ukim.mk');
+      setError("Email must end with @students.finki.ukim.mk");
+    }
+    if (formData.username === "") {
+      setError("Must enter username");
+    }
+    if (formData.password === "") {
+      setError("Password is required");
+      return;
+    }
+    if (formData.confirmPassword === "") {
+      setError("Please confirm your password");
+      return;
+    }
+    if (formData.password !== formData.confirmPassword) {
+      setError("Passwords do not match");
+      return;
+    }
+    if (formData.password.length < 8) {
+      setError("Password must be at least 8 characters long");
+      return;
+    }
+    if (!/[A-Z]/.test(formData.password)) {
+      setError("Password must contain at least one uppercase letter");
+      return;
+    }
+    if (!/[0-9]/.test(formData.password)) {
+      setError("Password must contain at least one number");
+      return;
     }
     try {
-      const response = await fetch('/api/register', {
-        method: 'POST',
+      const response = await fetch("/api/register", {
+        method: "POST",
         headers: {
-          'Content-Type': 'application/json',
+          "Content-Type": "application/json",
         },
         body: JSON.stringify({
@@ -43,8 +70,8 @@
       const data = await response.json();
       if (data.success) {
-        nav('/dashboard');
+        nav("/dashboard");
       }
     } catch (error) {
-      console.error('Registration error:', error);
+      console.error("Registration error:", error);
       throw error;
     }
