Index: frontend/src/components/Navbar.tsx
===================================================================
--- frontend/src/components/Navbar.tsx	(revision 600bd934457e62550bf0937f650e8d7471fe5657)
+++ frontend/src/components/Navbar.tsx	(revision 2b670ade00e5473dbdd55f3323fb9b0ba6461eef)
@@ -1,104 +1,140 @@
-import { useState } from 'react';
+import axios from "axios";
+import { useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
+import IOimage from "../assets/IOLogo.png";
 import { useAuth } from "../hooks/useAuth";
-import IOimage from "../assets/IOLogo.png";
 
 const Navbar: React.FC = () => {
-  const [menuOpen, setMenuOpen] = useState(false);
-  const { isAuthenticated, logout } = useAuth();
-  const navigate = useNavigate();
+	const [menuOpen, setMenuOpen] = useState(false);
+	const { isAuthenticated, logout } = useAuth();
+	const navigate = useNavigate();
+	const { login } = useAuth();
 
-  const handleLogout = () => {
-    logout();
-    navigate("/");
-  };
+	const handleLogout = () => {
+		logout();
+		navigate("/");
+	};
 
-  return (
-    <nav className="bg-gray-800 text-white p-4">
-      <div className="flex justify-between items-center">
-        <div className="flex items-center space-x-4">
-          <Link to="/">
-            <img
-              src={IOimage}
-              alt="Дома"
-              className="w-10 h-10 object-cover rounded-lg shadow-md hover:scale-110 transition duration-300"
-            />
-          </Link>
-        </div>
+	const testAccountLogin = async () => {
+		if (isAuthenticated) return;
+		try {
+			const response = await axios.post("http://localhost:8000/auth/login/", {
+				email: "fffff@finki.ukim.mk",
+				password: "testTestTEST123",
+			});
+			const { access, refresh } = response.data;
+			login(access, refresh);
+			navigate("/");
+		} catch (err: unknown) {
+			console.log(err);
+		}
+	};
 
-        
-        <button
-          onClick={() => setMenuOpen(!menuOpen)}
-          className="sm:hidden focus:outline-none"
-        >
-          <svg
-            className="w-6 h-6"
-            fill="none"
-            stroke="currentColor"
-            viewBox="0 0 24 24"
-          >
-            {menuOpen ? (
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth="2"
-                d="M6 18L18 6M6 6l12 12"
-              />
-            ) : (
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth="2"
-                d="M4 6h16M4 12h16M4 18h16"
-              />
-            )}
-          </svg>
-        </button>
+	return (
+		<nav className="bg-gray-800 text-white p-4">
+			<div className="flex justify-between items-center">
+				<div className="flex items-center space-x-4">
+					<Link to="/">
+						<img
+							src={IOimage}
+							alt="Дома"
+							className="w-10 h-10 object-cover rounded-lg shadow-md hover:scale-110 transition duration-300"
+						/>
+					</Link>
+				</div>
 
-        <div className="hidden sm:flex space-x-4 items-center text-sm sm:text-base">
-          <Link to="/subjects" className="hover:underline">Предмети</Link>
-          {isAuthenticated && <Link to="/account" className="hover:underline">Профил</Link>}
-          {isAuthenticated ? (
-            <button
-              onClick={handleLogout}
-              className="bg-red-500 hover:bg-red-600 px-3 py-1 rounded"
-            >
-              Одјави се
-            </button>
-          ) : (
-            <>
-              <Link to="/login" className="hover:underline">Најави се</Link>
-              <Link to="/register" className="hover:underline">Регистрирај се</Link>
-            </>
-          )}
-        </div>
-      </div>
+				<button
+					onClick={() => setMenuOpen(!menuOpen)}
+					className="sm:hidden focus:outline-none"
+				>
+					<svg
+						className="w-6 h-6"
+						fill="none"
+						stroke="currentColor"
+						viewBox="0 0 24 24"
+					>
+						{menuOpen ? (
+							<path
+								strokeLinecap="round"
+								strokeLinejoin="round"
+								strokeWidth="2"
+								d="M6 18L18 6M6 6l12 12"
+							/>
+						) : (
+							<path
+								strokeLinecap="round"
+								strokeLinejoin="round"
+								strokeWidth="2"
+								d="M4 6h16M4 12h16M4 18h16"
+							/>
+						)}
+					</svg>
+				</button>
 
-      {menuOpen && (
-        <div className="sm:hidden mt-3 flex flex-col space-y-2 text-sm">
-          <Link to="/subjects" className="hover:underline">Предмети</Link>
-          {isAuthenticated && <Link to="/account" className="hover:underline">Профил</Link>}
-          {isAuthenticated ? (
-            <button
-              onClick={() => {
-                handleLogout();
-                setMenuOpen(false);
-              }}
-              className="bg-red-500 hover:bg-red-600 px-3 py-1 rounded"
-            >
-              Одјави се
-            </button>
-          ) : (
-            <>
-              <Link to="/login" onClick={() => setMenuOpen(false)}>Најави се</Link>
-              <Link to="/register" onClick={() => setMenuOpen(false)}>Регистрирај се</Link>
-            </>
-          )}
-        </div>
-      )}
-    </nav>
-  );
+				<div className="hidden sm:flex space-x-4 items-center text-sm sm:text-base">
+					<button onClick={testAccountLogin}>quick login</button>
+					<Link to="/subjects" className="hover:underline">
+						Предмети
+					</Link>
+					{isAuthenticated && (
+						<Link to="/account" className="hover:underline">
+							Профил
+						</Link>
+					)}
+					{isAuthenticated ? (
+						<button
+							onClick={handleLogout}
+							className="bg-red-500 hover:bg-red-600 px-3 py-1 rounded"
+						>
+							Одјави се
+						</button>
+					) : (
+						<>
+							<Link to="/login" className="hover:underline">
+								Најави се
+							</Link>
+							<Link to="/register" className="hover:underline">
+								Регистрирај се
+							</Link>
+						</>
+					)}
+				</div>
+			</div>
+
+			{menuOpen && (
+				<div className="sm:hidden mt-3 flex flex-col space-y-2 text-sm">
+					<Link to="/subjects" className="hover:underline">
+						Предмети
+					</Link>
+					{isAuthenticated && (
+						<Link to="/account" className="hover:underline">
+							Профил
+						</Link>
+					)}
+					{isAuthenticated ? (
+						<button
+							onClick={() => {
+								handleLogout();
+								setMenuOpen(false);
+							}}
+							className="bg-red-500 hover:bg-red-600 px-3 py-1 rounded"
+						>
+							Одјави се
+						</button>
+					) : (
+						<>
+							<Link to="/login" onClick={() => setMenuOpen(false)}>
+								Најави се
+							</Link>
+							<Link to="/register" onClick={() => setMenuOpen(false)}>
+								Регистрирај се
+							</Link>
+						</>
+					)}
+				</div>
+			)}
+		</nav>
+	);
 };
 
 export default Navbar;
-
Index: frontend/src/pages/Login.tsx
===================================================================
--- frontend/src/pages/Login.tsx	(revision 600bd934457e62550bf0937f650e8d7471fe5657)
+++ frontend/src/pages/Login.tsx	(revision 2b670ade00e5473dbdd55f3323fb9b0ba6461eef)
@@ -6,98 +6,98 @@
 
 interface LoginForm {
-  email: string;
-  password: string;
+	email: string;
+	password: string;
 }
 
 const Login: React.FC = () => {
-  const [formData, setFormData] = useState<LoginForm>({
-    email: "",
-    password: "",
-  });
-  const [errors, setErrors] = useState<
-    Partial<LoginForm> & { detail?: string[] }
-  >({});
-  const navigate = useNavigate();
-  const { login } = useAuth();
+	const [formData, setFormData] = useState<LoginForm>({
+		email: "",
+		password: "",
+	});
+	const [errors, setErrors] = useState<
+		Partial<LoginForm> & { detail?: string[] }
+	>({});
+	const navigate = useNavigate();
+	const { login } = useAuth();
 
-  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setFormData({
-      ...formData,
-      [e.target.name]: e.target.value,
-    });
-  };
+	const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+		setFormData({
+			...formData,
+			[e.target.name]: e.target.value,
+		});
+	};
 
-  const handleLogin = async (e: React.FormEvent) => {
-    e.preventDefault();
-    setErrors({});
+	const handleLogin = async (e: React.FormEvent) => {
+		e.preventDefault();
+		setErrors({});
 
-    try {
-      const response = await axios.post<{ token: string }>(
-        "http://localhost:8000/auth/login/",
-        {
-          email: formData.email,
-          password: formData.password,
-        }
-      );
-      const { access, refresh } = response.data;
-      login(access, refresh);
-      navigate("/");
-    } catch (err: unknown) {
-      const axiosError = err as AxiosError<{
-        [key: string]: string[] | string;
-      }>;
-      console.log("Error response data:", axiosError.response?.data);
+		try {
+			const response = await axios.post<{
+				access: string;
+				refresh: string;
+			}>("http://localhost:8000/auth/login/", {
+				email: formData.email,
+				password: formData.password,
+			});
+			const { access, refresh } = response.data;
+			login(access, refresh);
+			navigate("/");
+		} catch (err: unknown) {
+			const axiosError = err as AxiosError<{
+				[key: string]: string[] | string;
+			}>;
+			console.log("Error response data:", axiosError.response?.data);
 
-      if (axiosError.response && axiosError.response.data) {
-        const errorData = axiosError.response.data;
-        const normalizedErrors: { [key: string]: string[] } = {};
-        Object.entries(errorData).forEach(([field, message]) => {
-          normalizedErrors[field] = Array.isArray(message)
-            ? message
-            : [message];
-        });
-        setErrors(normalizedErrors);
-      } else {
-        setErrors({ detail: ["An unknown error occurred."] });
-      }
-    }
-  };
-  return (
-    <div className="flex flex-col items-center justify-center h-screen bg-gray-50">
-      <form
-        onSubmit={handleLogin}
-        className="bg-white p-6 rounded-lg shadow-md w-80"
-      >
-        <h2 className="text-xl font-semibold mb-4 text-center">Login</h2>
-        {errors.detail && (
-          <div className="text-red-500 mb-3 text-sm">{errors.detail[0]}.</div>
-        )}
-        <input
-          type="email"
-          name="email"
-          required
-          value={formData.email}
-          onChange={handleChange}
-          placeholder="Email"
-          className="w-full mb-3 p-2 border rounded"
-        />
-        {errors.email && (
-          <p className="text-red-500 text-sm mb-2">{errors.email[0]}</p>
-        )}
-        <PasswordInput
-          name="password"
-          value={formData.password}
-          onChange={handleChange}
-          error={errors.password ? errors.password[0] : undefined}
-        />
-        <button
-          type="submit"
-          className="w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-600"
-        >
-          Login
-        </button>
-      </form>
-    </div>
-  );
+			if (axiosError.response && axiosError.response.data) {
+				const errorData = axiosError.response.data;
+				const normalizedErrors: { [key: string]: string[] } = {};
+				Object.entries(errorData).forEach(([field, message]) => {
+					normalizedErrors[field] = Array.isArray(message)
+						? message
+						: [message];
+				});
+				setErrors(normalizedErrors);
+			} else {
+				setErrors({ detail: ["An unknown error occurred."] });
+			}
+		}
+	};
+	return (
+		<div className="flex flex-col items-center justify-center h-screen bg-gray-50">
+			<form
+				onSubmit={handleLogin}
+				className="bg-white p-6 rounded-lg shadow-md w-80"
+			>
+				<h2 className="text-xl font-semibold mb-4 text-center">Login</h2>
+				{errors.detail && (
+					<div className="text-red-500 mb-3 text-sm">{errors.detail[0]}.</div>
+				)}
+				<input
+					type="email"
+					name="email"
+					required
+					value={formData.email}
+					onChange={handleChange}
+					placeholder="Email"
+					className="w-full mb-3 p-2 border rounded"
+				/>
+				{errors.email && (
+					<p className="text-red-500 text-sm mb-2">{errors.email[0]}</p>
+				)}
+				<PasswordInput
+					name="password"
+					value={formData.password}
+					onChange={handleChange}
+					error={errors.password ? errors.password[0] : undefined}
+				/>
+				<button
+					type="submit"
+					className="w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-600"
+				>
+					Login
+				</button>
+			</form>
+		</div>
+	);
 };
 
Index: frontend/src/pages/Register.tsx
===================================================================
--- frontend/src/pages/Register.tsx	(revision 600bd934457e62550bf0937f650e8d7471fe5657)
+++ frontend/src/pages/Register.tsx	(revision 2b670ade00e5473dbdd55f3323fb9b0ba6461eef)
@@ -1,4 +1,4 @@
+import axios, { AxiosError } from "axios";
 import React, { useState } from "react";
-import axios, { AxiosError } from "axios";
 import { useNavigate } from "react-router-dom";
 import PasswordInput from "../components/PasswordInput";
@@ -6,139 +6,139 @@
 
 interface RegisterForm {
-  email: string;
-  password: string;
-  confirmPassword: string;
-  fullName: string;
+	email: string;
+	password: string;
+	confirmPassword: string;
+	fullName: string;
 }
 
 const Register: React.FC = () => {
-  const [formData, setFormData] = useState<RegisterForm>({
-    email: "",
-    password: "",
-    confirmPassword: "",
-    fullName: "",
-  });
-  const [loading, setLoading] = useState(false);
-  const [errors, setErrors] = useState<
-    Partial<Record<keyof RegisterForm, string[]>> & {
-      non_field_errors?: string[];
-    }
-  >({});
-  const navigate = useNavigate();
-  const { login } = useAuth();
+	const [formData, setFormData] = useState<RegisterForm>({
+		email: "",
+		password: "",
+		confirmPassword: "",
+		fullName: "",
+	});
+	const [loading, setLoading] = useState(false);
+	const [errors, setErrors] = useState<
+		Partial<Record<keyof RegisterForm, string[]>> & {
+			non_field_errors?: string[];
+		}
+	>({});
+	const navigate = useNavigate();
+	const { login } = useAuth();
 
-  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setFormData({
-      ...formData,
-      [e.target.name]: e.target.value,
-    });
-  };
+	const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+		setFormData({
+			...formData,
+			[e.target.name]: e.target.value,
+		});
+	};
 
-  const handleRegister = async (e: React.FormEvent) => {
-    e.preventDefault();
-    setErrors({});
-    if (formData.password !== formData.confirmPassword) {
-      setErrors({ confirmPassword: ["Password do not match. "] });
-      return;
-    }
-    setLoading(true);
+	const handleRegister = async (e: React.FormEvent) => {
+		e.preventDefault();
+		setErrors({});
+		if (formData.password !== formData.confirmPassword) {
+			setErrors({ confirmPassword: ["Password do not match. "] });
+			return;
+		}
+		setLoading(true);
 
-    try {
-      console.log(formData);
-      const response = await axios.post(
-        "http://localhost:8000/auth/register/",
-        {
-          email: formData.email,
-          password: formData.password,
-          confirm_password: formData.confirmPassword,
-          full_name: formData.fullName,
-        }
-      );
-      console.log(response);
-      const { access, refresh } = response.data;
-      console.log(access, refresh);
-      login(access, refresh);
-      navigate("/");
-    } catch (err: unknown) {
-      const axiosError = err as AxiosError<{
-        [key: string]: string[] | string;
-      }>;
-      if (axiosError.response && axiosError.response.data) {
-        const errorData = axiosError.response.data;
-        const normalizedErrors: { [key: string]: string[] } = {};
-        Object.entries(errorData).forEach(([field, message]) => {
-          normalizedErrors[field] = Array.isArray(message)
-            ? message
-            : [message];
-        });
-        setErrors(normalizedErrors);
-      } else {
-        setErrors({ non_field_errors: ["An unexpected error occurred."] });
-      }
-    } finally {
-      setLoading(false);
-    }
-  };
-  return (
-    <div className="flex flex-col items-center justify-center min-h-screen bg-gray-50">
-      <form
-        onSubmit={handleRegister}
-        className="bg-white p-6 rounded-lg h-auto shadow-md w-80"
-      >
-        <h2 className="text-xl font-semibold mb-4 text-center">Register</h2>
-        {errors.non_field_errors && (
-          <div className="text-red-500 mb-3 text-sm">
-            {errors.non_field_errors[0]}
-          </div>
-        )}
-        <input
-          type="email"
-          name="email"
-          required
-          value={formData.email}
-          onChange={handleChange}
-          placeholder="Email"
-          className="w-full mb-3 p-2 border rounded"
-        />
-        {errors.email && (
-          <p className="text-red-500 text-sm mb-2">{errors.email[0]}</p>
-        )}
-        <PasswordInput
-          name="password"
-          value={formData.password}
-          onChange={handleChange}
-          error={errors.password ? errors.password[0] : undefined}
-        />
-        <PasswordInput
-          name="confirmPassword"
-          value={formData.confirmPassword}
-          onChange={handleChange}
-        />
-        {errors.confirmPassword && (
-          <p className="text-red-500 text-sm mb-2">
-            {errors.confirmPassword[0]}
-          </p>
-        )}
-        <input
-          type="text"
-          name="fullName"
-          required
-          value={formData.fullName}
-          onChange={handleChange}
-          placeholder="Име презиме"
-          className="w-full mb-3 p-2 border rounded"
-        />
-        <button
-          type="submit"
-          disabled={loading}
-          className={`w-full bg-blue-600 text-white py-2 rounded hover:bg-blue-700 transition ${
-            loading ? "opacity-50 cursor-not-allowed" : ""
-          }`}
-        >
-          {loading ? "Registering..." : "Register"}
-        </button>
-      </form>
-    </div>
-  );
+		try {
+			console.log(formData);
+			const response = await axios.post<{
+				access: string;
+				refresh: string;
+			}>("http://localhost:8000/auth/register/", {
+				email: formData.email,
+				password: formData.password,
+				confirm_password: formData.confirmPassword,
+				full_name: formData.fullName,
+			});
+			console.log(response);
+			const { access, refresh } = response.data;
+			console.log(access, refresh);
+			login(access, refresh);
+			navigate("/");
+		} catch (err: unknown) {
+			const axiosError = err as AxiosError<{
+				[key: string]: string[] | string;
+			}>;
+			if (axiosError.response && axiosError.response.data) {
+				const errorData = axiosError.response.data;
+				const normalizedErrors: { [key: string]: string[] } = {};
+				Object.entries(errorData).forEach(([field, message]) => {
+					normalizedErrors[field] = Array.isArray(message)
+						? message
+						: [message];
+				});
+				setErrors(normalizedErrors);
+			} else {
+				setErrors({ non_field_errors: ["An unexpected error occurred."] });
+			}
+		} finally {
+			setLoading(false);
+		}
+	};
+	return (
+		<div className="flex flex-col items-center justify-center min-h-screen bg-gray-50">
+			<form
+				onSubmit={handleRegister}
+				className="bg-white p-6 rounded-lg h-auto shadow-md w-80"
+			>
+				<h2 className="text-xl font-semibold mb-4 text-center">Register</h2>
+				{errors.non_field_errors && (
+					<div className="text-red-500 mb-3 text-sm">
+						{errors.non_field_errors[0]}
+					</div>
+				)}
+				<input
+					type="email"
+					name="email"
+					required
+					value={formData.email}
+					onChange={handleChange}
+					placeholder="Email"
+					className="w-full mb-3 p-2 border rounded"
+				/>
+				{errors.email && (
+					<p className="text-red-500 text-sm mb-2">{errors.email[0]}</p>
+				)}
+				<PasswordInput
+					name="password"
+					value={formData.password}
+					onChange={handleChange}
+					error={errors.password ? errors.password[0] : undefined}
+				/>
+				<PasswordInput
+					name="confirmPassword"
+					value={formData.confirmPassword}
+					onChange={handleChange}
+				/>
+				{errors.confirmPassword && (
+					<p className="text-red-500 text-sm mb-2">
+						{errors.confirmPassword[0]}
+					</p>
+				)}
+				<input
+					type="text"
+					name="fullName"
+					required
+					value={formData.fullName}
+					onChange={handleChange}
+					placeholder="Име презиме"
+					className="w-full mb-3 p-2 border rounded"
+				/>
+				<button
+					type="submit"
+					disabled={loading}
+					className={`w-full bg-blue-600 text-white py-2 rounded hover:bg-blue-700 transition ${
+						loading ? "opacity-50 cursor-not-allowed" : ""
+					}`}
+				>
+					{loading ? "Registering..." : "Register"}
+				</button>
+			</form>
+		</div>
+	);
 };
 export default Register;