Index: backend/auth_form/views.py
===================================================================
--- backend/auth_form/views.py	(revision 367b83f4d0f1329a5f1e9c76fc25af940eb24c03)
+++ backend/auth_form/views.py	(revision 33466585bfcdf4eb920a5eb2789b27c7eec93869)
@@ -38,5 +38,5 @@
             'access': str(refresh.access_token),
             'user_id': user.id,
-            'role': user.role,
+            'user_type': user.user_type,
         }, status=status.HTTP_200_OK)
 
Index: backend/backend/settings.py
===================================================================
--- backend/backend/settings.py	(revision 367b83f4d0f1329a5f1e9c76fc25af940eb24c03)
+++ backend/backend/settings.py	(revision 33466585bfcdf4eb920a5eb2789b27c7eec93869)
@@ -157,5 +157,5 @@
 
 AUTHENTICATION_BACKENDS = [
+    'backend.backends.EmailBackend',  # custom backend to authenticate using email
     'django.contrib.auth.backends.ModelBackend',  # default backend
-    'backend.backends.EmailBackend',  # custom backend to authenticate using email
 ]
Index: frontend/src/App.tsx
===================================================================
--- frontend/src/App.tsx	(revision 367b83f4d0f1329a5f1e9c76fc25af940eb24c03)
+++ frontend/src/App.tsx	(revision 33466585bfcdf4eb920a5eb2789b27c7eec93869)
@@ -1,4 +1,6 @@
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
 import CourseCatalog from "./components/SubjectCatalog/SubjectCatalog";
+import Login from "./pages/Login";
+import Register from "./pages/Register";
 import "./index.css";
 import Home from "./pages/Home";
@@ -13,4 +15,12 @@
 		element: <CourseCatalog />,
 	},
+	{
+		path: "/login",
+		element: <Login />,
+	},
+	{
+		path: "/register",
+		element: <Register />,
+	}
 ]);
 
Index: frontend/src/components/SubjectCatalog/RegisterPage.tsx
===================================================================
--- frontend/src/components/SubjectCatalog/RegisterPage.tsx	(revision 33466585bfcdf4eb920a5eb2789b27c7eec93869)
+++ frontend/src/components/SubjectCatalog/RegisterPage.tsx	(revision 33466585bfcdf4eb920a5eb2789b27c7eec93869)
@@ -0,0 +1,3 @@
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+
Index: frontend/src/components/SubjectCatalog/types.ts
===================================================================
--- frontend/src/components/SubjectCatalog/types.ts	(revision 367b83f4d0f1329a5f1e9c76fc25af940eb24c03)
+++ frontend/src/components/SubjectCatalog/types.ts	(revision 33466585bfcdf4eb920a5eb2789b27c7eec93869)
@@ -2,39 +2,54 @@
 
 export interface Subject {
-	id: number;
-	code: string;
-	name: string;
-	abstract: string;
-	info: SubjectInfo;
+  id: number;
+  code: string;
+  name: string;
+  abstract: string;
+  info: SubjectInfo;
 }
 
-type Prerequisite = { subjects: number[] } | { credits: number } | {};
+type Prerequisite =
+  | { subjects: number[] }
+  | { credits: number }
+  | Record<string, never>;
 
 export interface SubjectInfo {
-	level: number;
-	short: string;
-	prerequisite: Prerequisite;
-	activated: boolean;
-	participants: number[];
-	mandatory: boolean;
-	mandatory_for: Programs[];
-	semester: number;
-	season: string;
-	elective_for: Programs[];
-	professors: string[];
-	assistants: string[];
+  level: number;
+  short: string;
+  prerequisite: Prerequisite;
+  activated: boolean;
+  participants: number[];
+  mandatory: boolean;
+  mandatory_for: Programs[];
+  semester: number;
+  season: string;
+  elective_for: Programs[];
+  professors: string[];
+  assistants: string[];
 }
 
 export type Filters = {
-	season: "W" | "S" | "";
-	semester: number[];
-	level: number[];
-	activated: "activated" | "not_activated" | "";
-	mandatoryFor: Programs[];
-	electiveFor: Programs[];
-	professors: string[];
-	assistants: string[];
-	hasPrerequisites: boolean;
+  season: "W" | "S" | "";
+  semester: number[];
+  level: number[];
+  activated: "activated" | "not_activated" | "";
+  mandatoryFor: Programs[];
+  electiveFor: Programs[];
+  professors: string[];
+  assistants: string[];
+  hasPrerequisites: boolean;
 };
 
 export type Programs = (typeof PROGRAMS)[number];
+
+export interface LoginData {
+  email: string;
+  password: string;
+}
+
+export interface RegisterData {
+  email: string;
+  password: string;
+  fullName: string;
+  confirmPassword?: string;
+}
Index: frontend/src/pages/Login.tsx
===================================================================
--- frontend/src/pages/Login.tsx	(revision 33466585bfcdf4eb920a5eb2789b27c7eec93869)
+++ frontend/src/pages/Login.tsx	(revision 33466585bfcdf4eb920a5eb2789b27c7eec93869)
@@ -0,0 +1,11 @@
+import React from 'react';
+import LoginPage from '../components/LoginPage';
+
+const Register: React.FC = () => {
+    return (
+        <div>
+            <LoginPage />
+        </div>
+    )
+}
+export default Register;
Index: frontend/src/pages/Register.tsx
===================================================================
--- frontend/src/pages/Register.tsx	(revision 33466585bfcdf4eb920a5eb2789b27c7eec93869)
+++ frontend/src/pages/Register.tsx	(revision 33466585bfcdf4eb920a5eb2789b27c7eec93869)
@@ -0,0 +1,11 @@
+import React from 'react';
+import RegisterPage from '../components/RegisterPage';
+
+const Register: React.FC = () => {
+    return (
+        <div>
+            <RegisterPage />
+        </div>
+    )
+}
+export default Register;