From 09363a71cf932f61ab90cac7e1013c381b17544b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miko=C5=82aj=20Sosi=C5=84ski?=
 <164782094+mik0lajek@users.noreply.github.com>
Date: Wed, 11 Mar 2026 19:43:03 +0100
Subject: [PATCH 1/8] add: correct user login, registration and logout

---
 backend/config/settings.py               | 29 +++++++-
 backend/config/urls.py                   |  4 +-
 backend/users/admin.py                   | 17 +++++
 backend/users/migrations/0001_initial.py | 47 +++++++++++++
 backend/users/migrations/__init__.py     |  0
 backend/users/models.py                  |  8 +++
 backend/users/serializers.py             | 13 ++++
 backend/users/urls.py                    | 10 +++
 backend/users/views/auth_views.py        | 86 ++++++++++++++++++++++++
 frontend/package-lock.json               | 22 +-----
 10 files changed, 212 insertions(+), 24 deletions(-)
 create mode 100644 backend/users/admin.py
 create mode 100644 backend/users/migrations/0001_initial.py
 create mode 100644 backend/users/migrations/__init__.py
 create mode 100644 backend/users/models.py
 create mode 100644 backend/users/serializers.py
 create mode 100644 backend/users/urls.py
 create mode 100644 backend/users/views/auth_views.py

diff --git a/backend/config/settings.py b/backend/config/settings.py
index e3b7b05..d42537e 100644
--- a/backend/config/settings.py
+++ b/backend/config/settings.py
@@ -25,8 +25,7 @@
 # SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
 
-ALLOWED_HOSTS = []
-
+ALLOWED_HOSTS = ["*"]
 
 # Application definition
 
@@ -37,9 +36,18 @@
     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
+
+    'rest_framework',
+    'corsheaders',
+    'django_extensions',
+
+    'users',
 ]
 
+AUTH_USER_MODEL = 'users.User'
+
 MIDDLEWARE = [
+    'corsheaders.middleware.CorsMiddleware',
     'django.middleware.security.SecurityMiddleware',
     'django.contrib.sessions.middleware.SessionMiddleware',
     'django.middleware.common.CommonMiddleware',
@@ -49,6 +57,23 @@
     'django.middleware.clickjacking.XFrameOptionsMiddleware',
 ]
 
+CORS_ALLOW_CREDENTIALS = True
+
+CORS_ALLOWED_ORIGINS = [
+    "http://localhost:3000",  # frontend
+]
+
+CSRF_TRUSTED_ORIGINS = [
+    "http://localhost:3000",
+]
+
+REST_FRAMEWORK = {
+    "DEFAULT_AUTHENTICATION_CLASSES": [
+        "rest_framework.authentication.SessionAuthentication",
+    ],
+}
+
+
 ROOT_URLCONF = 'config.urls'
 
 TEMPLATES = [
diff --git a/backend/config/urls.py b/backend/config/urls.py
index c74036a..002ac7b 100644
--- a/backend/config/urls.py
+++ b/backend/config/urls.py
@@ -15,8 +15,10 @@
     2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
 """
 from django.contrib import admin
-from django.urls import path
+from django.urls import path, include
 
 urlpatterns = [
     path('admin/', admin.site.urls),
+    path("api/auth/", include("users.urls")),
 ]
+
diff --git a/backend/users/admin.py b/backend/users/admin.py
new file mode 100644
index 0000000..1ce6cbe
--- /dev/null
+++ b/backend/users/admin.py
@@ -0,0 +1,17 @@
+from django.contrib import admin
+from django.contrib.auth.admin import UserAdmin
+from .models import User
+
+@admin.register(User)
+class CustomUserAdmin(UserAdmin):
+    model = User
+
+    list_display = ("username", "email", "avatar_url", "created_at", "is_staff")
+
+    fieldsets = UserAdmin.fieldsets + (
+        ("Profile info", {"fields": ("avatar_url", "bio")}),
+    )
+
+    add_fieldsets = UserAdmin.add_fieldsets + (
+        ("Profile info", {"fields": ("avatar_url", "bio")}),
+    )
diff --git a/backend/users/migrations/0001_initial.py b/backend/users/migrations/0001_initial.py
new file mode 100644
index 0000000..3abcaae
--- /dev/null
+++ b/backend/users/migrations/0001_initial.py
@@ -0,0 +1,47 @@
+# Generated by Django 6.0.3 on 2026-03-11 18:15
+
+import django.contrib.auth.models
+import django.contrib.auth.validators
+import django.utils.timezone
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ('auth', '0012_alter_user_first_name_max_length'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='User',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('password', models.CharField(max_length=128, verbose_name='password')),
+                ('last_login', models.DateTimeField(blank=True, null=True, verbose_name='last login')),
+                ('is_superuser', models.BooleanField(default=False, help_text='Designates that this user has all permissions without explicitly assigning them.', verbose_name='superuser status')),
+                ('username', models.CharField(error_messages={'unique': 'A user with that username already exists.'}, help_text='Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.', max_length=150, unique=True, validators=[django.contrib.auth.validators.UnicodeUsernameValidator()], verbose_name='username')),
+                ('first_name', models.CharField(blank=True, max_length=150, verbose_name='first name')),
+                ('last_name', models.CharField(blank=True, max_length=150, verbose_name='last name')),
+                ('is_staff', models.BooleanField(default=False, help_text='Designates whether the user can log into this admin site.', verbose_name='staff status')),
+                ('is_active', models.BooleanField(default=True, help_text='Designates whether this user should be treated as active. Unselect this instead of deleting accounts.', verbose_name='active')),
+                ('date_joined', models.DateTimeField(default=django.utils.timezone.now, verbose_name='date joined')),
+                ('email', models.EmailField(max_length=254, unique=True)),
+                ('avatar_url', models.URLField(blank=True, null=True)),
+                ('bio', models.TextField(blank=True)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('groups', models.ManyToManyField(blank=True, help_text='The groups this user belongs to. A user will get all permissions granted to each of their groups.', related_name='user_set', related_query_name='user', to='auth.group', verbose_name='groups')),
+                ('user_permissions', models.ManyToManyField(blank=True, help_text='Specific permissions for this user.', related_name='user_set', related_query_name='user', to='auth.permission', verbose_name='user permissions')),
+            ],
+            options={
+                'verbose_name': 'user',
+                'verbose_name_plural': 'users',
+                'abstract': False,
+            },
+            managers=[
+                ('objects', django.contrib.auth.models.UserManager()),
+            ],
+        ),
+    ]
diff --git a/backend/users/migrations/__init__.py b/backend/users/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/users/models.py b/backend/users/models.py
new file mode 100644
index 0000000..c66ed3c
--- /dev/null
+++ b/backend/users/models.py
@@ -0,0 +1,8 @@
+from django.contrib.auth.models import AbstractUser
+from django.db import models
+
+class User(AbstractUser):
+    email = models.EmailField(unique=True)
+    avatar_url = models.URLField(blank=True, null=True)
+    bio = models.TextField(blank=True)
+    created_at = models.DateTimeField(auto_now_add=True)
\ No newline at end of file
diff --git a/backend/users/serializers.py b/backend/users/serializers.py
new file mode 100644
index 0000000..8016236
--- /dev/null
+++ b/backend/users/serializers.py
@@ -0,0 +1,13 @@
+from rest_framework import serializers
+from .models import User
+
+class RegisterSerializer(serializers.ModelSerializer):
+    password = serializers.CharField(write_only=True)
+
+    class Meta:
+        model = User
+        fields = ["username", "email", "password"]
+
+    def create(self, validated_data):
+        user = User.objects.create_user(**validated_data)
+        return user
\ No newline at end of file
diff --git a/backend/users/urls.py b/backend/users/urls.py
new file mode 100644
index 0000000..db2a1f7
--- /dev/null
+++ b/backend/users/urls.py
@@ -0,0 +1,10 @@
+from django.urls import path
+from .views.auth_views import csrf_view, login_view, register_view, me_view, logout_view
+
+urlpatterns = [
+    path("csrf/", csrf_view),
+    path("login/", login_view),
+    path("register/", register_view),
+    path("me/", me_view),
+    path("logout/", logout_view),
+]
diff --git a/backend/users/views/auth_views.py b/backend/users/views/auth_views.py
new file mode 100644
index 0000000..bbab4e1
--- /dev/null
+++ b/backend/users/views/auth_views.py
@@ -0,0 +1,86 @@
+# LOGIN
+from django.contrib.auth import authenticate, login, logout
+from rest_framework.decorators import api_view
+from rest_framework.response import Response
+from django.views.decorators.csrf import csrf_protect
+
+@api_view(["POST"])
+@csrf_protect
+def login_view(request):
+    username = request.data.get("username")
+    password = request.data.get("password")
+
+    user = authenticate(username=username, password=password)
+
+    if user is not None:
+        login(request, user)
+        return Response({
+            "user": {
+                "username": user.username,
+                "email": user.email,
+                "avatar_url": user.avatar_url,
+                "bio": user.bio,
+                "created_at": user.created_at,
+            }
+        })
+
+    return Response({"error": "Invalid credentials"}, status=400)
+
+
+# REGISTER
+from ..serializers import RegisterSerializer
+
+@api_view(["POST"])
+@csrf_protect
+def register_view(request):
+    serializer = RegisterSerializer(data=request.data)
+
+    if serializer.is_valid():
+        user = serializer.save()
+        return Response({
+            "user": {
+                "username": user.username,
+                "email": user.email,
+                "avatar_url": user.avatar_url,
+                "bio": user.bio,
+                "created_at": user.created_at,
+            }
+        }, status=201)
+
+    return Response({"error": serializer.errors}, status=400)
+
+
+# CURRENT USER/ME
+from rest_framework.permissions import IsAuthenticated
+from rest_framework.decorators import permission_classes
+
+@api_view(["GET"])
+@permission_classes([IsAuthenticated])
+def me_view(request):
+    user = request.user
+    return Response({
+        "user": {
+            "username": user.username,
+            "email": user.email,
+            "avatar_url": user.avatar_url,
+            "bio": user.bio,
+            "created_at": user.created_at,
+        }
+    })
+
+
+# LOGOUT
+@api_view(["POST"])
+def logout_view(request):
+    logout(request)
+    return Response({"message": "Logged out"})
+
+
+# CSRF
+from django.middleware.csrf import get_token
+from rest_framework.decorators import api_view
+from rest_framework.response import Response
+
+@api_view(["GET"])
+def csrf_view(request):
+    return Response({"csrfToken": get_token(request)})
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 0f679c1..e6553fb 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -98,7 +98,6 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -619,7 +618,6 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -1791,7 +1789,6 @@
       "resolved": "https://registry.npmjs.org/@noble/ciphers/-/ciphers-1.3.0.tgz",
       "integrity": "sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": "^14.21.3 || >=16"
       },
@@ -3858,7 +3855,6 @@
       "integrity": "sha512-Uarfe6J91b9HAUXxjvSOdiO2UPOKLm07Q1oh0JHxoZ1y8HoqxDAu3gVrsrOHeiio0kSsoVBt4wFrKOm0dKxVPQ==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "undici-types": "~6.21.0"
       }
@@ -3869,7 +3865,6 @@
       "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -3880,7 +3875,6 @@
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.2.0"
       }
@@ -3942,7 +3936,6 @@
       "integrity": "sha512-klQbnPAAiGYFyI02+znpBRLyjL4/BrBd0nyWkdC0s/6xFLkXYQ8OoRrSkqacS1ddVxf/LDyODIKbQ5TgKAf/Fg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.56.1",
         "@typescript-eslint/types": "8.56.1",
@@ -4481,7 +4474,6 @@
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -5006,7 +4998,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -6012,7 +6003,6 @@
       "integrity": "sha512-VmQ+sifHUbI/IcSopBCF/HO3YiHQx/AVd3UVyYL6weuwW+HvON9VYn5l6Zl1WZzPWXPNZrSQpxwkkZ/VuvJZzg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -6198,7 +6188,6 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -6509,7 +6498,6 @@
       "resolved": "https://registry.npmjs.org/express/-/express-5.2.1.tgz",
       "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "accepts": "^2.0.0",
         "body-parser": "^2.2.1",
@@ -7232,7 +7220,6 @@
       "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.7.tgz",
       "integrity": "sha512-jq9l1DM0zVIvsm3lv9Nw9nlJnMNPOcAtsbsgiUhWcFzPE99Gvo6yRTlszSLLYacMeQ6quHD6hMfId8crVHvexw==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=16.9.0"
       }
@@ -9393,7 +9380,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -9649,7 +9635,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
       "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9659,7 +9644,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
       "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -11139,8 +11123,7 @@
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.1.tgz",
       "integrity": "sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/tapable": {
       "version": "2.3.0",
@@ -11212,7 +11195,6 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -11461,7 +11443,6 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "devOptional": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -11983,7 +11964,6 @@
       "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
       "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }

From 9dbabd0516912d30a2561288ed6b7560308d21ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miko=C5=82aj=20Sosi=C5=84ski?=
 <164782094+mik0lajek@users.noreply.github.com>
Date: Wed, 11 Mar 2026 19:51:09 +0100
Subject: [PATCH 2/8] update requirements.txt

---
 backend/requirements.txt | Bin 246 -> 294 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/backend/requirements.txt b/backend/requirements.txt
index 5abe49f3b5b9a916b0e13d92f1692a2e8b8f048d..e685de373020894a9a9ef60dccbfd0e687a9d91c 100644
GIT binary patch
delta 41
rcmeyyxQuB+o4hVVDnkWB36RWVC}zlH$OqH547Lm=40;TP6H6Nb;s6Qe

delta 9
QcmZ3+^o?;s+r(`J02L+#Z2$lO


From c0794245f67d938cb594ff45be25e4bfb564d6a4 Mon Sep 17 00:00:00 2001
From: Zwolak <dawzwolak@htri.com.pl>
Date: Tue, 17 Mar 2026 20:40:53 +0100
Subject: [PATCH 3/8] Adding profile and dashboard

---
 frontend/app/(auth)/login/page.tsx            | 171 +++++++++---------
 frontend/app/dashboard/layout.tsx             |  30 +++
 frontend/app/dashboard/page.tsx               |  27 +--
 .../app/dashboard/profile/ProfileAvatar.tsx   |  50 +++++
 .../dashboard/profile/ProfileDangerZone.tsx   |  29 +++
 .../app/dashboard/profile/ProfileDetails.tsx  |  33 ++++
 .../app/dashboard/profile/ProfileHeader.tsx   |   8 +
 frontend/app/dashboard/profile/page.tsx       |  15 ++
 frontend/app/layout.tsx                       |  23 +--
 .../components/dashboard/FullscreenLoader.tsx |  10 +
 frontend/components/dashboard/Sidebar.tsx     | 107 +++++++++++
 11 files changed, 389 insertions(+), 114 deletions(-)
 create mode 100644 frontend/app/dashboard/layout.tsx
 create mode 100644 frontend/app/dashboard/profile/ProfileAvatar.tsx
 create mode 100644 frontend/app/dashboard/profile/ProfileDangerZone.tsx
 create mode 100644 frontend/app/dashboard/profile/ProfileDetails.tsx
 create mode 100644 frontend/app/dashboard/profile/ProfileHeader.tsx
 create mode 100644 frontend/app/dashboard/profile/page.tsx
 create mode 100644 frontend/components/dashboard/FullscreenLoader.tsx
 create mode 100644 frontend/components/dashboard/Sidebar.tsx

diff --git a/frontend/app/(auth)/login/page.tsx b/frontend/app/(auth)/login/page.tsx
index ccfcc65..32e9e87 100644
--- a/frontend/app/(auth)/login/page.tsx
+++ b/frontend/app/(auth)/login/page.tsx
@@ -1,102 +1,105 @@
 "use client";
 
+import Link from "next/link";
 import { useState } from "react";
+import { Home, User, Settings, LogOut } from "lucide-react";
+import { logout } from "@/lib/api";
 import { useRouter } from "next/navigation";
-import { login, LoginData, ApiResponse, User } from "@/lib/api";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
-import LOGO from "../../../public/backlog-logo.png";
-import Image from "next/image";
-import { toastSuccess, toastError } from "@/lib/toast";
-import Link from "next/link";
 
-export default function LoginPage() {
+export default function Sidebar() {
+  const [expanded, setExpanded] = useState(false);
   const router = useRouter();
-  const [form, setForm] = useState<LoginData>({ username: "", password: "" });
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-    try {
-      const data: ApiResponse<User> = await login(form);
 
-      if (data.error) {
-        toastError(data.error);
-        return;
-      }
+  const menu = [
+    { name: "Home", icon: <Home size={22} />, href: "/dashboard" },
+    { name: "Profile", icon: <User size={22} />, href: "/dashboard/profile" },
+    { name: "Settings", icon: <Settings size={22} />, href: "/dashboard/settings" },
+  ];
 
-      toastSuccess("Logged in!");
-      router.push("/dashboard");
-    } catch {
-      toastError("Something went wrong");
-    }
+  const handleLogout = async () => {
+    await logout();
+    router.push("/login");
   };
 
   return (
-    <div className="min-h-screen flex items-center justify-center bg-background text-foreground px-4">
-      <div
-        className="
-          w-full max-w-md p-10 rounded-3xl backdrop-blur-2xl
-          bg-[radial-gradient(circle_at_top_left,rgba(135,86,241,0.45),rgba(20,20,35,0.6))]
-          border border-[rgba(135,86,241,0.35)]
-          shadow-[0_0_60px_-10px_rgba(135,86,241,0.45)]
-          animate-fade-in relative overflow-hidden
-        "
-      >
-        <div className="absolute inset-0 bg-gradient-to-br from-[var(--backlog-purple)]/25 to-[var(--backlog-indigo)]/30 pointer-events-none" />
-
-        <div className="absolute -top-20 -right-20 w-60 h-60 bg-[var(--backlog-purple)]/25 rounded-full blur-3xl" />
-        <div className="absolute -bottom-20 -left-20 w-60 h-60 bg-[var(--backlog-pink)]/20 rounded-full blur-3xl" />
-
-        <div className="relative">
-          <Image
-            src={LOGO}
-            alt="Backlog.gg Logo"
-            width={500}
-            className="mx-auto drop-shadow-[0_0_25px_rgba(135,86,241,0.5)]"
-          />
+    <aside
+      onMouseEnter={() => setExpanded(true)}
+      onMouseLeave={() => setExpanded(false)}
+      className={`
+        group h-screen 
+        bg-[rgba(20,20,35,0.55)] 
+        backdrop-blur-2xl 
+        border-r border-white/10 
+        flex flex-col justify-between 
+        transition-all duration-300 
+        ${expanded ? "w-60" : "w-20"}
+        relative overflow-hidden
+      `}
+    >
+      <div className="absolute inset-0 bg-gradient-to-b from-[var(--backlog-purple)]/10 to-transparent pointer-events-none" />
 
-          <form className="flex flex-col gap-5" onSubmit={handleSubmit}>
-            <Input
-              placeholder="Username"
-              value={form.username}
-              onChange={(e) => setForm({ ...form, username: e.target.value })}
-              className="h-14 text-lg bg-white/10 border-white/20 focus-visible:ring-[var(--backlog-purple)] px-5"
-            />
-
-            <Input
-              placeholder="Password"
-              type="password"
-              value={form.password}
-              onChange={(e) => setForm({ ...form, password: e.target.value })}
-              className="h-14 text-2xl bg-white/10 border-white/20 focus-visible:ring-[var(--backlog-purple)] px-5"
-            />
-
-            <Button
-              type="submit"
-              className="
-                mt-2 h-11 text-lg font-medium
-                bg-gradient-to-r from-[var(--backlog-purple)] to-[var(--backlog-pink)]
-                text-white shadow-lg
-                hover:shadow-[0_0_20px_rgba(135,86,241,0.5)]
-                transition-all duration-300
-                cursor-pointer
-              "
+      <div className="flex flex-col gap-3 p-4 relative z-10">
+        {menu.map((item) => (
+          <Link
+            key={item.name}
+            href={item.href}
+            className="
+              flex items-center gap-4 
+              text-white/80 hover:text-white 
+              p-3 rounded-xl 
+              hover:bg-white/10 
+              transition-all duration-200
+            "
+          >
+            <div
+              className="min-w-[22px] flex justify-center"
+              style={{ filter: "drop-shadow(0 0 6px var(--backlog-purple))" }}
             >
-              Login
-            </Button>
-          </form>
+              {item.icon}
+            </div>
 
-          <p className="text-sm text-muted-foreground mt-6 text-center">
-            Don’t have an account?{" "}
-            <Link
-              href="/register"
-              className="text-[var(--backlog-pink)] hover:underline transition cursor-pointer"
+            <span
+              className={`
+                text-sm font-medium whitespace-nowrap 
+                transition-all duration-300 origin-left
+                ${expanded ? "opacity-100 scale-100" : "opacity-0 scale-90"}
+              `}
             >
-              Register
-            </Link>
-          </p>
-        </div>
+              {item.name}
+            </span>
+          </Link>
+        ))}
+      </div>
+
+      <div className="p-4 relative z-10">
+        <button
+          onClick={handleLogout}
+          className="
+            flex items-center gap-4 w-full 
+            text-red-400 hover:text-red-300 
+            p-3 rounded-xl 
+            hover:bg-red-500/10 
+            transition-all duration-200
+          "
+        >
+          <div
+            className="min-w-[22px] flex justify-center"
+            style={{ filter: "drop-shadow(0 0 6px var(--backlog-pink))" }}
+          >
+            <LogOut size={22} />
+          </div>
+
+          <span
+            className={`
+              text-sm font-medium whitespace-nowrap 
+              transition-all duration-300 origin-left
+              ${expanded ? "opacity-100 scale-100" : "opacity-0 scale-90"}
+            `}
+          >
+            Logout
+          </span>
+        </button>
       </div>
-    </div>
+    </aside>
   );
 }
diff --git a/frontend/app/dashboard/layout.tsx b/frontend/app/dashboard/layout.tsx
new file mode 100644
index 0000000..164b7c2
--- /dev/null
+++ b/frontend/app/dashboard/layout.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
+import { getMe } from "@/lib/api";
+import FullscreenLoader from "@/components/dashboard/FullscreenLoader";
+import Sidebar from "@/components/dashboard/Sidebar";
+
+export default function DashboardLayout({ children }: { children: React.ReactNode }) {
+  const router = useRouter();
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchUser = async () => {
+      const data = await getMe();
+      if (!data.user) router.push("/login");
+      else setLoading(false);
+    };
+    fetchUser();
+  }, []);
+
+  if (loading) return <FullscreenLoader />;
+
+  return (
+    <div className="flex min-h-screen bg-background text-foreground">
+      <Sidebar />
+      <main className="flex-1 p-10">{children}</main>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/page.tsx b/frontend/app/dashboard/page.tsx
index eae0d76..8f42ee4 100644
--- a/frontend/app/dashboard/page.tsx
+++ b/frontend/app/dashboard/page.tsx
@@ -1,34 +1,27 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import { useRouter } from "next/navigation";
-import { getMe, logout, ApiResponse, User } from "@/lib/api";
-import { Button } from "@/components/ui/button";
+import { getMe, ApiResponse, User } from "@/lib/api";
 
 export default function DashboardPage() {
-  const router = useRouter();
   const [user, setUser] = useState<User | null>(null);
 
   useEffect(() => {
     const fetchUser = async () => {
       const data: ApiResponse<User> = await getMe();
-      if (data.user) setUser(data.user);
-      else router.push("/login");
+      if (data.user) {
+        setUser(data.user);
+      }
     };
-    fetchUser();
-  }, [router]);
-
-  const handleLogout = async () => {
-    await logout();
-    router.push("/login");
-  };
 
-  if (!user) return <p className="text-center mt-20">Loading...</p>;
+    fetchUser();
+  }, []);
 
   return (
     <div className="flex flex-col items-center mt-20 gap-4">
-      <h1 className="text-2xl font-bold">Welcome, {user.username}!</h1>
-      <Button onClick={handleLogout}>Logout</Button>
+      <h1 className="text-2xl font-bold">
+        Welcome, {user?.username ?? "User"}!
+      </h1>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/app/dashboard/profile/ProfileAvatar.tsx b/frontend/app/dashboard/profile/ProfileAvatar.tsx
new file mode 100644
index 0000000..c546776
--- /dev/null
+++ b/frontend/app/dashboard/profile/ProfileAvatar.tsx
@@ -0,0 +1,50 @@
+"use client";
+
+import { useState } from "react";
+import { toastSuccess, toastError } from "@/lib/toast";
+
+export default function ProfileAvatar() {
+  const [preview, setPreview] = useState<string | null>(null);
+
+  const handleFile = async (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+
+    setPreview(URL.createObjectURL(file));
+
+    const formData = new FormData();
+    formData.append("avatar", file);
+
+    try {
+      const res = await fetch("/api/user/avatar", {
+        method: "POST",
+        body: formData,
+      });
+
+      if (!res.ok) throw new Error();
+
+      toastSuccess("Avatar updated!");
+    } catch {
+      toastError("Failed to upload avatar");
+    }
+  };
+
+  return (
+    <div className="bg-white/5 p-6 rounded-xl border border-white/10">
+      <h2 className="text-xl font-semibold mb-4">Profile Picture</h2>
+
+      <div className="flex items-center gap-6">
+        <img
+          src={preview ?? "/default-avatar.png"}
+          alt="Avatar"
+          className="w-24 h-24 rounded-full object-cover border border-white/20"
+        />
+
+        <label className="cursor-pointer bg-[var(--backlog-purple)] px-4 py-2 rounded-lg text-white hover:opacity-80 transition">
+          Upload new
+          <input type="file" className="hidden" onChange={handleFile} />
+        </label>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/profile/ProfileDangerZone.tsx b/frontend/app/dashboard/profile/ProfileDangerZone.tsx
new file mode 100644
index 0000000..f73ced0
--- /dev/null
+++ b/frontend/app/dashboard/profile/ProfileDangerZone.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+
+export default function ProfileDangerZone() {
+  const deleteAccount = async () => {
+    if (!confirm("Are you sure? This action is permanent.")) return;
+
+    await fetch("/api/user/delete", { method: "DELETE" });
+    window.location.href = "/";
+  };
+
+  return (
+    <div className="bg-red-500/10 p-6 rounded-xl border border-red-500/30">
+      <h2 className="text-xl font-semibold text-red-400 mb-4">Danger Zone</h2>
+
+      <Button variant="destructive" className="w-full" onClick={deleteAccount}>
+        Delete Account
+      </Button>
+
+      <Button
+        className="w-full mt-3 bg-white/10 border border-white/20"
+        onClick={() => (window.location.href = "/dashboard/change-password")}
+      >
+        Change Password
+      </Button>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/profile/ProfileDetails.tsx b/frontend/app/dashboard/profile/ProfileDetails.tsx
new file mode 100644
index 0000000..faf1c79
--- /dev/null
+++ b/frontend/app/dashboard/profile/ProfileDetails.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+
+export default function ProfileDetails() {
+  const [bio, setBio] = useState("");
+
+  const handleSave = async () => {
+    await fetch("/api/user/update", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ bio }),
+    });
+  };
+
+  return (
+    <div className="bg-white/5 p-6 rounded-xl border border-white/10">
+      <h2 className="text-xl font-semibold mb-4">Profile Information</h2>
+
+      <textarea
+        placeholder="Your bio..."
+        value={bio}
+        onChange={(e) => setBio(e.target.value)}
+        className="w-full h-32 p-4 bg-white/10 border border-white/20 rounded-lg"
+      />
+
+      <Button onClick={handleSave} className="mt-4">
+        Save changes
+      </Button>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/profile/ProfileHeader.tsx b/frontend/app/dashboard/profile/ProfileHeader.tsx
new file mode 100644
index 0000000..52d59c0
--- /dev/null
+++ b/frontend/app/dashboard/profile/ProfileHeader.tsx
@@ -0,0 +1,8 @@
+export default function ProfileHeader() {
+  return (
+    <div>
+      <h1 className="text-3xl font-bold">Your Profile</h1>
+      <p className="text-muted-foreground">Manage your account information</p>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/profile/page.tsx b/frontend/app/dashboard/profile/page.tsx
new file mode 100644
index 0000000..166d3c8
--- /dev/null
+++ b/frontend/app/dashboard/profile/page.tsx
@@ -0,0 +1,15 @@
+import ProfileHeader from "./ProfileHeader";
+import ProfileAvatar from "./ProfileAvatar";
+import ProfileDetails from "./ProfileDetails";
+import ProfileDangerZone from "./ProfileDangerZone";
+
+export default function ProfilePage() {
+  return (
+    <div className="max-w-3xl mx-auto flex flex-col gap-10">
+      <ProfileHeader />
+      <ProfileAvatar />
+      <ProfileDetails />
+      <ProfileDangerZone />
+    </div>
+  );
+}
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index b7fe322..62ec87b 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -1,17 +1,7 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { Toaster } from "sonner";
 
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
 
 export const metadata: Metadata = {
   title: "Create Next App",
@@ -20,12 +10,18 @@ export const metadata: Metadata = {
 
 export default function RootLayout({
   children,
-}: Readonly<{
+  auth,
+  dashboard,
+}: {
   children: React.ReactNode;
-}>) {
+  auth: React.ReactNode;
+  dashboard: React.ReactNode;
+}) {
   return (
     <html lang="en">
-      <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
+      <body>
+        {auth}
+        {dashboard}
         {children}
 
         <Toaster
@@ -43,3 +39,4 @@ export default function RootLayout({
     </html>
   );
 }
+
diff --git a/frontend/components/dashboard/FullscreenLoader.tsx b/frontend/components/dashboard/FullscreenLoader.tsx
new file mode 100644
index 0000000..8e1314f
--- /dev/null
+++ b/frontend/components/dashboard/FullscreenLoader.tsx
@@ -0,0 +1,10 @@
+export default function FullscreenLoader() {
+  return (
+    <div className="flex items-center justify-center h-screen bg-background text-foreground">
+      <div className="flex flex-col items-center gap-4">
+        <div className="w-10 h-10 rounded-full border-2 border-[var(--backlog-purple)] border-t-transparent animate-spin" />
+        <p className="text-sm text-muted-foreground">Loading your dashboard...</p>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/components/dashboard/Sidebar.tsx b/frontend/components/dashboard/Sidebar.tsx
new file mode 100644
index 0000000..28bbab9
--- /dev/null
+++ b/frontend/components/dashboard/Sidebar.tsx
@@ -0,0 +1,107 @@
+"use client";
+
+import Link from "next/link";
+import { useState } from "react";
+import { Home, User, Settings, LogOut } from "lucide-react";
+import { logout } from "@/lib/api";
+import { useRouter } from "next/navigation";
+
+export default function Sidebar() {
+  const [expanded, setExpanded] = useState(false);
+  const router = useRouter();
+
+  const menu = [
+    { name: "Home", icon: <Home size={22} />, href: "/dashboard" },
+    { name: "Profile", icon: <User size={22} />, href: "/dashboard/profile" },
+    { name: "Settings", icon: <Settings size={22} />, href: "/dashboard/settings" },
+  ];
+
+  const handleLogout = async () => {
+    await logout();
+    router.push("/login");
+  };
+
+  return (
+    <aside
+      onMouseEnter={() => setExpanded(true)}
+      onMouseLeave={() => setExpanded(false)}
+      className={`
+        group h-screen 
+        ${expanded ? "w-60" : "w-20"}
+        transition-all duration-300 
+        border-r border-white/10 
+        backdrop-blur-2xl 
+        relative overflow-hidden
+        bg-[rgba(20,20,35,0.55)]
+      `}
+    >
+      {/* Gradient glow tła */}
+      <div className="absolute inset-0 bg-gradient-to-b from-[var(--backlog-purple)]/20 to-transparent pointer-events-none" />
+
+      {/* Górna część */}
+      <div className="flex flex-col gap-2 p-4 relative z-10">
+        {menu.map((item) => (
+          <Link
+            key={item.name}
+            href={item.href}
+            className="
+              flex items-center gap-4 
+              text-white/80 hover:text-white 
+              p-3 rounded-xl 
+              hover:bg-white/10 
+              transition-all duration-200
+            "
+          >
+            <div
+              className="min-w-[22px] flex justify-center"
+              style={{ filter: "drop-shadow(0 0 6px var(--backlog-purple))" }}
+            >
+              {item.icon}
+            </div>
+
+            <span
+              className={`
+                text-sm font-medium whitespace-nowrap 
+                transition-all duration-300 origin-left
+                ${expanded ? "opacity-100 scale-100" : "opacity-0 scale-90"}
+              `}
+            >
+              {item.name}
+            </span>
+          </Link>
+        ))}
+      </div>
+
+      {/* Logout */}
+      <div className="p-4 relative z-10">
+        <button
+          onClick={handleLogout}
+          className="
+            flex items-center gap-4 w-full 
+            text-red-400 hover:text-red-300 
+            p-3 rounded-xl 
+            hover:bg-red-500/10 
+            transition-all duration-200
+          "
+        >
+          <div
+            className="min-w-[22px] flex justify-center"
+            style={{ filter: "drop-shadow(0 0 6px var(--backlog-pink))" }}
+          >
+            <LogOut size={22} />
+          </div>
+
+          <span
+            className={`
+              text-sm font-medium whitespace-nowrap 
+              transition-all duration-300 origin-left
+              ${expanded ? "opacity-100 scale-100" : "opacity-0 scale-90"}
+            `}
+          >
+            Logout
+          </span>
+        </button>
+      </div>
+    </aside>
+  );
+}

From dec9377d39e1b229b8c052d30c2b830db8d37721 Mon Sep 17 00:00:00 2001
From: Zwolak <dawzwolak@htri.com.pl>
Date: Tue, 17 Mar 2026 20:54:20 +0100
Subject: [PATCH 4/8] Fixing login

---
 frontend/app/(auth)/login/page.tsx | 171 ++++++++++++++---------------
 1 file changed, 84 insertions(+), 87 deletions(-)

diff --git a/frontend/app/(auth)/login/page.tsx b/frontend/app/(auth)/login/page.tsx
index 32e9e87..ccfcc65 100644
--- a/frontend/app/(auth)/login/page.tsx
+++ b/frontend/app/(auth)/login/page.tsx
@@ -1,105 +1,102 @@
 "use client";
 
-import Link from "next/link";
 import { useState } from "react";
-import { Home, User, Settings, LogOut } from "lucide-react";
-import { logout } from "@/lib/api";
 import { useRouter } from "next/navigation";
+import { login, LoginData, ApiResponse, User } from "@/lib/api";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import LOGO from "../../../public/backlog-logo.png";
+import Image from "next/image";
+import { toastSuccess, toastError } from "@/lib/toast";
+import Link from "next/link";
 
-export default function Sidebar() {
-  const [expanded, setExpanded] = useState(false);
+export default function LoginPage() {
   const router = useRouter();
+  const [form, setForm] = useState<LoginData>({ username: "", password: "" });
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    try {
+      const data: ApiResponse<User> = await login(form);
 
-  const menu = [
-    { name: "Home", icon: <Home size={22} />, href: "/dashboard" },
-    { name: "Profile", icon: <User size={22} />, href: "/dashboard/profile" },
-    { name: "Settings", icon: <Settings size={22} />, href: "/dashboard/settings" },
-  ];
+      if (data.error) {
+        toastError(data.error);
+        return;
+      }
 
-  const handleLogout = async () => {
-    await logout();
-    router.push("/login");
+      toastSuccess("Logged in!");
+      router.push("/dashboard");
+    } catch {
+      toastError("Something went wrong");
+    }
   };
 
   return (
-    <aside
-      onMouseEnter={() => setExpanded(true)}
-      onMouseLeave={() => setExpanded(false)}
-      className={`
-        group h-screen 
-        bg-[rgba(20,20,35,0.55)] 
-        backdrop-blur-2xl 
-        border-r border-white/10 
-        flex flex-col justify-between 
-        transition-all duration-300 
-        ${expanded ? "w-60" : "w-20"}
-        relative overflow-hidden
-      `}
-    >
-      <div className="absolute inset-0 bg-gradient-to-b from-[var(--backlog-purple)]/10 to-transparent pointer-events-none" />
+    <div className="min-h-screen flex items-center justify-center bg-background text-foreground px-4">
+      <div
+        className="
+          w-full max-w-md p-10 rounded-3xl backdrop-blur-2xl
+          bg-[radial-gradient(circle_at_top_left,rgba(135,86,241,0.45),rgba(20,20,35,0.6))]
+          border border-[rgba(135,86,241,0.35)]
+          shadow-[0_0_60px_-10px_rgba(135,86,241,0.45)]
+          animate-fade-in relative overflow-hidden
+        "
+      >
+        <div className="absolute inset-0 bg-gradient-to-br from-[var(--backlog-purple)]/25 to-[var(--backlog-indigo)]/30 pointer-events-none" />
 
-      <div className="flex flex-col gap-3 p-4 relative z-10">
-        {menu.map((item) => (
-          <Link
-            key={item.name}
-            href={item.href}
-            className="
-              flex items-center gap-4 
-              text-white/80 hover:text-white 
-              p-3 rounded-xl 
-              hover:bg-white/10 
-              transition-all duration-200
-            "
-          >
-            <div
-              className="min-w-[22px] flex justify-center"
-              style={{ filter: "drop-shadow(0 0 6px var(--backlog-purple))" }}
-            >
-              {item.icon}
-            </div>
+        <div className="absolute -top-20 -right-20 w-60 h-60 bg-[var(--backlog-purple)]/25 rounded-full blur-3xl" />
+        <div className="absolute -bottom-20 -left-20 w-60 h-60 bg-[var(--backlog-pink)]/20 rounded-full blur-3xl" />
 
-            <span
-              className={`
-                text-sm font-medium whitespace-nowrap 
-                transition-all duration-300 origin-left
-                ${expanded ? "opacity-100 scale-100" : "opacity-0 scale-90"}
-              `}
-            >
-              {item.name}
-            </span>
-          </Link>
-        ))}
-      </div>
+        <div className="relative">
+          <Image
+            src={LOGO}
+            alt="Backlog.gg Logo"
+            width={500}
+            className="mx-auto drop-shadow-[0_0_25px_rgba(135,86,241,0.5)]"
+          />
+
+          <form className="flex flex-col gap-5" onSubmit={handleSubmit}>
+            <Input
+              placeholder="Username"
+              value={form.username}
+              onChange={(e) => setForm({ ...form, username: e.target.value })}
+              className="h-14 text-lg bg-white/10 border-white/20 focus-visible:ring-[var(--backlog-purple)] px-5"
+            />
 
-      <div className="p-4 relative z-10">
-        <button
-          onClick={handleLogout}
-          className="
-            flex items-center gap-4 w-full 
-            text-red-400 hover:text-red-300 
-            p-3 rounded-xl 
-            hover:bg-red-500/10 
-            transition-all duration-200
-          "
-        >
-          <div
-            className="min-w-[22px] flex justify-center"
-            style={{ filter: "drop-shadow(0 0 6px var(--backlog-pink))" }}
-          >
-            <LogOut size={22} />
-          </div>
+            <Input
+              placeholder="Password"
+              type="password"
+              value={form.password}
+              onChange={(e) => setForm({ ...form, password: e.target.value })}
+              className="h-14 text-2xl bg-white/10 border-white/20 focus-visible:ring-[var(--backlog-purple)] px-5"
+            />
 
-          <span
-            className={`
-              text-sm font-medium whitespace-nowrap 
-              transition-all duration-300 origin-left
-              ${expanded ? "opacity-100 scale-100" : "opacity-0 scale-90"}
-            `}
-          >
-            Logout
-          </span>
-        </button>
+            <Button
+              type="submit"
+              className="
+                mt-2 h-11 text-lg font-medium
+                bg-gradient-to-r from-[var(--backlog-purple)] to-[var(--backlog-pink)]
+                text-white shadow-lg
+                hover:shadow-[0_0_20px_rgba(135,86,241,0.5)]
+                transition-all duration-300
+                cursor-pointer
+              "
+            >
+              Login
+            </Button>
+          </form>
+
+          <p className="text-sm text-muted-foreground mt-6 text-center">
+            Don’t have an account?{" "}
+            <Link
+              href="/register"
+              className="text-[var(--backlog-pink)] hover:underline transition cursor-pointer"
+            >
+              Register
+            </Link>
+          </p>
+        </div>
       </div>
-    </aside>
+    </div>
   );
 }

From e7439a51220a6c47e6ecce1ca664924b9853140c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miko=C5=82aj=20Sosi=C5=84ski?=
 <164782094+mik0lajek@users.noreply.github.com>
Date: Wed, 18 Mar 2026 20:43:24 +0100
Subject: [PATCH 5/8] add: backend endpoints for deleting profile and changing
 password

---
 backend/config/urls.py                  |  3 ++-
 backend/users/{urls.py => auth_urls.py} |  0
 backend/users/profile_urls.py           |  7 ++++++
 backend/users/views/profile_views.py    | 31 +++++++++++++++++++++++++
 4 files changed, 40 insertions(+), 1 deletion(-)
 rename backend/users/{urls.py => auth_urls.py} (100%)
 create mode 100644 backend/users/profile_urls.py
 create mode 100644 backend/users/views/profile_views.py

diff --git a/backend/config/urls.py b/backend/config/urls.py
index 002ac7b..66cddaa 100644
--- a/backend/config/urls.py
+++ b/backend/config/urls.py
@@ -19,6 +19,7 @@
 
 urlpatterns = [
     path('admin/', admin.site.urls),
-    path("api/auth/", include("users.urls")),
+    path("api/auth/", include("users.auth_urls")),
+    path("api/user/", include("users.profile_urls")),
 ]
 
diff --git a/backend/users/urls.py b/backend/users/auth_urls.py
similarity index 100%
rename from backend/users/urls.py
rename to backend/users/auth_urls.py
diff --git a/backend/users/profile_urls.py b/backend/users/profile_urls.py
new file mode 100644
index 0000000..c15123a
--- /dev/null
+++ b/backend/users/profile_urls.py
@@ -0,0 +1,7 @@
+from django.urls import path
+from .views.profile_views import delete_account, change_password
+
+urlpatterns = [
+    path("delete/", delete_account),
+    path("change-password/", change_password),
+]
diff --git a/backend/users/views/profile_views.py b/backend/users/views/profile_views.py
new file mode 100644
index 0000000..114f812
--- /dev/null
+++ b/backend/users/views/profile_views.py
@@ -0,0 +1,31 @@
+from rest_framework.decorators import api_view, permission_classes
+from rest_framework.permissions import IsAuthenticated
+from rest_framework.response import Response
+
+@api_view(["DELETE"])
+@permission_classes([IsAuthenticated])
+def delete_account(request):
+    user = request.user
+    user.delete()
+    return Response({"message": "Account deleted"})
+
+from django.contrib.auth import update_session_auth_hash
+
+@api_view(["POST"])
+@permission_classes([IsAuthenticated])
+def change_password(request):
+    user = request.user
+    old_password = request.data.get("old_password")
+    new_password = request.data.get("new_password")
+
+    if not user.check_password(old_password):
+        return Response({"error": "Incorrect current password"}, status=400)
+
+    user.set_password(new_password)
+    user.save()
+
+    # ważne: nie wylogowuje użytkownika
+    update_session_auth_hash(request, user)
+
+    return Response({"message": "Password updated"})
+

From 01c89f93c79361b3b7777e3d1dcf200c6ff310a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miko=C5=82aj=20Sosi=C5=84ski?=
 <164782094+mik0lajek@users.noreply.github.com>
Date: Wed, 18 Mar 2026 21:12:27 +0100
Subject: [PATCH 6/8] add: frontend DELETE /api/user/delete integration with
 backend (cookies + CSRF)

---
 frontend/app/api/user/delete/route.ts | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 frontend/app/api/user/delete/route.ts

diff --git a/frontend/app/api/user/delete/route.ts b/frontend/app/api/user/delete/route.ts
new file mode 100644
index 0000000..e17ea3d
--- /dev/null
+++ b/frontend/app/api/user/delete/route.ts
@@ -0,0 +1,27 @@
+import { cookies } from "next/headers";
+import { NextResponse } from "next/server";
+
+export async function DELETE() {
+  const cookieStore = await cookies();
+
+  const session = cookieStore.get("sessionid");
+  const csrf = cookieStore.get("csrftoken");
+
+  const cookieHeader = [
+    session ? `sessionid=${session.value}` : "",
+    csrf ? `csrftoken=${csrf.value}` : "",
+  ]
+    .filter(Boolean)
+    .join("; ");
+
+  const res = await fetch("http://localhost:8000/api/user/delete/", {
+    method: "DELETE",
+    headers: {
+      Cookie: cookieHeader,
+      "X-CSRFToken": csrf?.value ?? "",
+    },
+  });
+
+  const data = await res.json();
+  return NextResponse.json(data, { status: res.status });
+}

From feb868ec204c596dfeca4396d981927f1d36e6f8 Mon Sep 17 00:00:00 2001
From: Zwolak <dawzwolak@htri.com.pl>
Date: Thu, 19 Mar 2026 17:17:45 +0100
Subject: [PATCH 7/8] Changing profile

---
 frontend/app/(auth)/layout.tsx                |  29 +++
 frontend/app/dashboard/layout.tsx             |   4 +-
 .../app/dashboard/profile/ProfileAvatar.tsx   |  50 ------
 .../dashboard/profile/ProfileDangerZone.tsx   |  29 ---
 .../app/dashboard/profile/ProfileDetails.tsx  |  33 ----
 .../app/dashboard/profile/ProfileGameCard.tsx |  67 +++++++
 .../app/dashboard/profile/ProfileGameList.tsx |  28 +++
 .../app/dashboard/profile/ProfileHeader.tsx   |  70 +++++++-
 .../app/dashboard/profile/ProfileStats.tsx    |  44 +++++
 frontend/app/dashboard/profile/page.tsx       |  30 +++-
 frontend/app/globals.css                      |  59 +++++--
 .../ProfileCarousel/ProfileCarousel.tsx       |  27 +++
 frontend/components/dashboard/Sidebar.tsx     | 166 ++++++++++++------
 frontend/mock/bg3.jpg                         | Bin 0 -> 30780 bytes
 frontend/package-lock.json                    |  52 +++++-
 frontend/package.json                         |   1 +
 16 files changed, 492 insertions(+), 197 deletions(-)
 create mode 100644 frontend/app/(auth)/layout.tsx
 delete mode 100644 frontend/app/dashboard/profile/ProfileAvatar.tsx
 delete mode 100644 frontend/app/dashboard/profile/ProfileDangerZone.tsx
 delete mode 100644 frontend/app/dashboard/profile/ProfileDetails.tsx
 create mode 100644 frontend/app/dashboard/profile/ProfileGameCard.tsx
 create mode 100644 frontend/app/dashboard/profile/ProfileGameList.tsx
 create mode 100644 frontend/app/dashboard/profile/ProfileStats.tsx
 create mode 100644 frontend/components/ProfileCarousel/ProfileCarousel.tsx
 create mode 100644 frontend/mock/bg3.jpg

diff --git a/frontend/app/(auth)/layout.tsx b/frontend/app/(auth)/layout.tsx
new file mode 100644
index 0000000..3266858
--- /dev/null
+++ b/frontend/app/(auth)/layout.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
+import { getMe, ApiResponse, User } from "@/lib/api";
+import FullscreenLoader from "@/components/dashboard/FullscreenLoader";
+
+export default function AuthLayout({ children }: { children: React.ReactNode }) {
+  const router = useRouter();
+  const [checking, setChecking] = useState(true);
+
+  useEffect(() => {
+    const check = async () => {
+      const data: ApiResponse<User> = await getMe();
+
+      if (data.user) {
+        router.push("/dashboard");
+      } else {
+        setChecking(false);
+      }
+    };
+
+    check();
+  }, [router]);
+
+  if (checking) return <FullscreenLoader />;
+
+  return <>{children}</>;
+}
diff --git a/frontend/app/dashboard/layout.tsx b/frontend/app/dashboard/layout.tsx
index 164b7c2..9b5023a 100644
--- a/frontend/app/dashboard/layout.tsx
+++ b/frontend/app/dashboard/layout.tsx
@@ -22,9 +22,9 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
   if (loading) return <FullscreenLoader />;
 
   return (
-    <div className="flex min-h-screen bg-background text-foreground">
+    <div className="min-h-screen bg-background text-foreground md:pl-20">
       <Sidebar />
-      <main className="flex-1 p-10">{children}</main>
+      <main className="p-6 md:p-0">{children}</main>
     </div>
   );
 }
diff --git a/frontend/app/dashboard/profile/ProfileAvatar.tsx b/frontend/app/dashboard/profile/ProfileAvatar.tsx
deleted file mode 100644
index c546776..0000000
--- a/frontend/app/dashboard/profile/ProfileAvatar.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { toastSuccess, toastError } from "@/lib/toast";
-
-export default function ProfileAvatar() {
-  const [preview, setPreview] = useState<string | null>(null);
-
-  const handleFile = async (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-
-    setPreview(URL.createObjectURL(file));
-
-    const formData = new FormData();
-    formData.append("avatar", file);
-
-    try {
-      const res = await fetch("/api/user/avatar", {
-        method: "POST",
-        body: formData,
-      });
-
-      if (!res.ok) throw new Error();
-
-      toastSuccess("Avatar updated!");
-    } catch {
-      toastError("Failed to upload avatar");
-    }
-  };
-
-  return (
-    <div className="bg-white/5 p-6 rounded-xl border border-white/10">
-      <h2 className="text-xl font-semibold mb-4">Profile Picture</h2>
-
-      <div className="flex items-center gap-6">
-        <img
-          src={preview ?? "/default-avatar.png"}
-          alt="Avatar"
-          className="w-24 h-24 rounded-full object-cover border border-white/20"
-        />
-
-        <label className="cursor-pointer bg-[var(--backlog-purple)] px-4 py-2 rounded-lg text-white hover:opacity-80 transition">
-          Upload new
-          <input type="file" className="hidden" onChange={handleFile} />
-        </label>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend/app/dashboard/profile/ProfileDangerZone.tsx b/frontend/app/dashboard/profile/ProfileDangerZone.tsx
deleted file mode 100644
index f73ced0..0000000
--- a/frontend/app/dashboard/profile/ProfileDangerZone.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-"use client";
-
-import { Button } from "@/components/ui/button";
-
-export default function ProfileDangerZone() {
-  const deleteAccount = async () => {
-    if (!confirm("Are you sure? This action is permanent.")) return;
-
-    await fetch("/api/user/delete", { method: "DELETE" });
-    window.location.href = "/";
-  };
-
-  return (
-    <div className="bg-red-500/10 p-6 rounded-xl border border-red-500/30">
-      <h2 className="text-xl font-semibold text-red-400 mb-4">Danger Zone</h2>
-
-      <Button variant="destructive" className="w-full" onClick={deleteAccount}>
-        Delete Account
-      </Button>
-
-      <Button
-        className="w-full mt-3 bg-white/10 border border-white/20"
-        onClick={() => (window.location.href = "/dashboard/change-password")}
-      >
-        Change Password
-      </Button>
-    </div>
-  );
-}
diff --git a/frontend/app/dashboard/profile/ProfileDetails.tsx b/frontend/app/dashboard/profile/ProfileDetails.tsx
deleted file mode 100644
index faf1c79..0000000
--- a/frontend/app/dashboard/profile/ProfileDetails.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-
-export default function ProfileDetails() {
-  const [bio, setBio] = useState("");
-
-  const handleSave = async () => {
-    await fetch("/api/user/update", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ bio }),
-    });
-  };
-
-  return (
-    <div className="bg-white/5 p-6 rounded-xl border border-white/10">
-      <h2 className="text-xl font-semibold mb-4">Profile Information</h2>
-
-      <textarea
-        placeholder="Your bio..."
-        value={bio}
-        onChange={(e) => setBio(e.target.value)}
-        className="w-full h-32 p-4 bg-white/10 border border-white/20 rounded-lg"
-      />
-
-      <Button onClick={handleSave} className="mt-4">
-        Save changes
-      </Button>
-    </div>
-  );
-}
diff --git a/frontend/app/dashboard/profile/ProfileGameCard.tsx b/frontend/app/dashboard/profile/ProfileGameCard.tsx
new file mode 100644
index 0000000..5475129
--- /dev/null
+++ b/frontend/app/dashboard/profile/ProfileGameCard.tsx
@@ -0,0 +1,67 @@
+export default function ProfileGameCard({ game }: any) {
+  return (
+    <div
+      className="
+        relative group
+        w-[240px] h-72
+        rounded-xl overflow-hidden
+        bg-white/5 border border-white/10 
+        backdrop-blur-xl
+        shadow-[0_0_20px_-5px_var(--backlog-purple)]
+        hover:shadow-[0_0_30px_-5px_var(--backlog-purple)]
+        transition-all duration-300
+        cursor-pointer
+      "
+    >
+      <img
+        src={game.cover}
+        className="
+          w-full h-full object-cover 
+          group-hover:scale-105 transition duration-500
+        "
+      />
+
+      <div
+        className="
+          absolute inset-0 
+          bg-gradient-to-b 
+          from-[rgba(0,0,0,0.55)] 
+          via-transparent 
+          to-transparent
+        "
+      />
+
+      <div
+        className="
+          absolute inset-0 
+          bg-gradient-to-t 
+          from-[rgba(0,0,0,0.85)] 
+          via-[rgba(0,0,0,0.4)] 
+          to-transparent
+        "
+      />
+
+      <div
+        className="
+          absolute top-3 right-3 
+          px-3 py-1 rounded-full 
+          bg-[var(--backlog-purple)]/70 
+          backdrop-blur-md border border-white/20
+          flex items-center gap-1
+          text-white text-sm font-semibold
+          shadow-[0_0_10px_var(--backlog-purple)]
+          group-hover:bg-[var(--backlog-purple)]
+          transition
+        "
+      >
+        ★ {game.rating ?? "—"}
+      </div>
+
+      <div className="absolute bottom-0 left-0 w-full p-4">
+        <h3 className="text-lg font-semibold text-white drop-shadow-md">
+          {game.title}
+        </h3>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/profile/ProfileGameList.tsx b/frontend/app/dashboard/profile/ProfileGameList.tsx
new file mode 100644
index 0000000..ea9ec9a
--- /dev/null
+++ b/frontend/app/dashboard/profile/ProfileGameList.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import ProfileCarousel from "@/components/ProfileCarousel/ProfileCarousel";
+import TEST from "../../../mock/bg3.jpg";
+
+export default function ProfileGameList() {
+  const recentGames = [
+    { title: "Elden Ring", cover: "/mock/eldenring.jpg", rating: 9 },
+    { title: "Cyberpunk 2077", cover: "/mock/cyberpunk.jpg", rating: 8 },
+    { title: "Hades", cover: "/mock/hades.jpg", rating: 10 },
+    { title: "Baldur's Gate 3", cover: TEST, rating: 10 },
+    { title: "Dark Souls III", cover: "/mock/ds3.jpg", rating: 9 },
+  ];
+
+  return (
+    <div className="flex flex-col gap-12 w-full max-w-screen-xl mx-auto px-4">
+      <div>
+        <h2 className="text-2xl font-bold mb-4">My Games</h2>
+        <ProfileCarousel items={recentGames} />
+      </div>
+
+      <div>
+        <h2 className="text-2xl font-bold mb-4">Favorite Titles</h2>
+        <ProfileCarousel items={recentGames.slice(0, 3)} />
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/profile/ProfileHeader.tsx b/frontend/app/dashboard/profile/ProfileHeader.tsx
index 52d59c0..da75192 100644
--- a/frontend/app/dashboard/profile/ProfileHeader.tsx
+++ b/frontend/app/dashboard/profile/ProfileHeader.tsx
@@ -1,8 +1,72 @@
+import { Edit3 } from "lucide-react";
+
 export default function ProfileHeader() {
   return (
-    <div>
-      <h1 className="text-3xl font-bold">Your Profile</h1>
-      <p className="text-muted-foreground">Manage your account information</p>
+    <div
+      className="
+        relative
+        w-full 
+        bg-gradient-to-r from-[var(--backlog-purple)]/40 to-[var(--backlog-indigo)]/40
+        backdrop-blur-xl border-b border-white/10
+        shadow-[0_0_40px_-10px_var(--backlog-purple)]
+        flex flex-col md:flex-row
+        items-center md:items-center
+        px-6 md:px-10
+        pt-10 pb-8 md:pt-12 md:pb-10
+        gap-6 md:gap-10
+      "
+    >
+      <a
+        href="/dashboard/settings"
+        className="
+          hidden md:flex
+          absolute top-6 right-6
+          p-2 rounded-lg
+          bg-white/5 hover:bg-white/10
+          border border-white/10
+          transition-all
+          text-white/70 hover:text-white
+        "
+      >
+        <Edit3 size={20} />
+      </a>
+
+      <img
+        src="/default-avatar.png"
+        className="
+          w-24 h-24 md:w-32 md:h-32 rounded-full object-cover
+          border-4 border-white/20
+          shadow-[0_0_25px_var(--backlog-purple)]
+        "
+      />
+
+      <div className="flex flex-col gap-2 text-center md:text-left">
+        <div className="flex items-center justify-center md:justify-start gap-2">
+          <h1 className="text-3xl md:text-4xl font-bold drop-shadow-lg">
+            Dawid
+          </h1>
+
+          <a
+            href="/dashboard/settings"
+            className="
+              md:hidden
+              p-1.5 rounded-md
+              bg-white/5 hover:bg-white/10
+              border border-white/10
+              transition-all
+              text-white/50 hover:text-white/80
+              flex items-center justify-center
+            "
+          >
+            <Edit3 size={16} />
+          </a>
+        </div>
+
+        <p className="text-white/70 max-w-xl text-sm md:text-base leading-relaxed">
+          Pasjonat gier, programista i kolekcjoner backlogu.  
+          Uwielbiam RPG, soulslike i strategie.
+        </p>
+      </div>
     </div>
   );
 }
diff --git a/frontend/app/dashboard/profile/ProfileStats.tsx b/frontend/app/dashboard/profile/ProfileStats.tsx
new file mode 100644
index 0000000..1dc5915
--- /dev/null
+++ b/frontend/app/dashboard/profile/ProfileStats.tsx
@@ -0,0 +1,44 @@
+export default function ProfileStats() {
+  const stats = [
+    { label: "Completed", value: 42 },
+    { label: "In Progress", value: 7 },
+    { label: "Favorites", value: 12 },
+    { label: "Abandoned", value: 5 },
+  ];
+
+  return (
+    <div
+      className="
+        w-full p-6 rounded-xl
+        bg-[rgba(20,20,35,0.45)]
+        border border-white/10 
+        backdrop-blur-2xl
+        shadow-[0_0_25px_-5px_var(--backlog-purple)]
+        flex flex-col gap-5
+      "
+    >
+      <h2 className="text-xl font-semibold text-white/90 tracking-wide">
+        Stats
+      </h2>
+
+      <div className="flex flex-col gap-3">
+        {stats.map((s) => (
+          <div
+            key={s.label}
+            className="
+              flex justify-between items-center
+              px-4 py-2.5
+              rounded-lg
+              bg-white/5 hover:bg-white/10
+              border border-white/10
+              transition-all
+            "
+          >
+            <span className="text-white/70 text-sm">{s.label}</span>
+            <span className="font-bold text-white text-lg">{s.value}</span>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/profile/page.tsx b/frontend/app/dashboard/profile/page.tsx
index 166d3c8..88a2425 100644
--- a/frontend/app/dashboard/profile/page.tsx
+++ b/frontend/app/dashboard/profile/page.tsx
@@ -1,15 +1,31 @@
 import ProfileHeader from "./ProfileHeader";
-import ProfileAvatar from "./ProfileAvatar";
-import ProfileDetails from "./ProfileDetails";
-import ProfileDangerZone from "./ProfileDangerZone";
+import ProfileStats from "./ProfileStats";
+import ProfileGameList from "./ProfileGameList";
 
 export default function ProfilePage() {
   return (
-    <div className="max-w-3xl mx-auto flex flex-col gap-10">
+    <div className="w-full min-h-screen flex flex-col gap-10 overflow-hidden">
       <ProfileHeader />
-      <ProfileAvatar />
-      <ProfileDetails />
-      <ProfileDangerZone />
+
+      <div
+        className="
+          w-full max-w-100vw 
+          mx-auto
+          px-6 pb-20 
+          flex flex-col-reverse lg:flex-row 
+          gap-12 lg:gap-2
+          overflow-hidden
+        "
+      >
+        <div className="flex-1 flex flex-col gap-10 overflow-hidden">
+          <ProfileGameList />
+        </div>
+
+        <div className="w-full lg:w-80 shrink-0 overflow-hidden">
+          <ProfileStats />
+        </div>
+      </div>
     </div>
   );
 }
+
diff --git a/frontend/app/globals.css b/frontend/app/globals.css
index 09e7a32..afd0284 100644
--- a/frontend/app/globals.css
+++ b/frontend/app/globals.css
@@ -2,8 +2,51 @@
 @import "tw-animate-css";
 @import "shadcn/tailwind.css";
 
-@custom-variant dark (&:is(.dark *));
+/* Embla wymaga box-sizing */
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+/* Embla Carousel */
+.embla {
+  overflow: hidden;
+  width: 100%;
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.embla__viewport {
+  overflow: hidden;
+  width: 100%;
+}
+
+.embla__container {
+  display: flex;
+  touch-action: pan-y;
+}
+
+.embla__slide {
+  flex-shrink: 0;
+  margin-right: 1rem;
+  flex-basis: 240px;
+}
+
+/* tablet */
+@media (max-width: 1024px) {
+  .embla__slide {
+    flex-basis: 180px;
+  }
+}
+
+/* mobile */
+@media (max-width: 640px) {
+  .embla__slide {
+    flex-basis: 140px;
+  }
+}
 
+/* Twój theme zostaje bez zmian */
+@custom-variant dark (&:is(.dark *));
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
@@ -85,17 +128,3 @@
 
   --radius: 0.75rem;
 }
-
-
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-  html {
-    @apply font-sans;
-  }
-}
diff --git a/frontend/components/ProfileCarousel/ProfileCarousel.tsx b/frontend/components/ProfileCarousel/ProfileCarousel.tsx
new file mode 100644
index 0000000..784b556
--- /dev/null
+++ b/frontend/components/ProfileCarousel/ProfileCarousel.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import useEmblaCarousel from "embla-carousel-react";
+import ProfileGameCard from "@/app/dashboard/profile/ProfileGameCard";
+
+export default function ProfileCarousel({ items }) {
+  const slides = [...items, ...items];
+
+  const [emblaRef] = useEmblaCarousel({
+    loop: true,
+    align: "start",
+  });
+
+  return (
+    <div className="embla max-w-full overflow-hidden px-4">
+      <div className="embla__viewport" ref={emblaRef}>
+        <div className="embla__container">
+          {slides.map((game, i) => (
+            <div className="embla__slide" key={i}>
+              <ProfileGameCard game={game} />
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/components/dashboard/Sidebar.tsx b/frontend/components/dashboard/Sidebar.tsx
index 28bbab9..7c7a79b 100644
--- a/frontend/components/dashboard/Sidebar.tsx
+++ b/frontend/components/dashboard/Sidebar.tsx
@@ -2,12 +2,13 @@
 
 import Link from "next/link";
 import { useState } from "react";
-import { Home, User, Settings, LogOut } from "lucide-react";
+import { Home, User, Settings, LogOut, Menu, X } from "lucide-react";
 import { logout } from "@/lib/api";
 import { useRouter } from "next/navigation";
 
 export default function Sidebar() {
   const [expanded, setExpanded] = useState(false);
+  const [mobileOpen, setMobileOpen] = useState(false);
   const router = useRouter();
 
   const menu = [
@@ -22,41 +23,81 @@ export default function Sidebar() {
   };
 
   return (
-    <aside
-      onMouseEnter={() => setExpanded(true)}
-      onMouseLeave={() => setExpanded(false)}
-      className={`
-        group h-screen 
-        ${expanded ? "w-60" : "w-20"}
-        transition-all duration-300 
-        border-r border-white/10 
-        backdrop-blur-2xl 
-        relative overflow-hidden
-        bg-[rgba(20,20,35,0.55)]
-      `}
-    >
-      {/* Gradient glow tła */}
-      <div className="absolute inset-0 bg-gradient-to-b from-[var(--backlog-purple)]/20 to-transparent pointer-events-none" />
+    <>
+      <button
+        onClick={() => setMobileOpen(true)}
+        className="md:hidden fixed top-4 right-4 z-50 p-2 rounded-lg bg-[rgba(20,20,35,0.55)] backdrop-blur-xl border border-white/10 text-white"
+      >
+        <Menu size={22} />
+      </button>
 
-      {/* Górna część */}
-      <div className="flex flex-col gap-2 p-4 relative z-10">
-        {menu.map((item) => (
-          <Link
-            key={item.name}
-            href={item.href}
+      <aside
+        onMouseEnter={() => setExpanded(true)}
+        onMouseLeave={() => setExpanded(false)}
+        className={`
+          fixed top-0 left-0 z-50
+          h-screen
+          flex-col justify-between
+          ${expanded ? "w-60" : "w-20"}
+          transition-all duration-300 
+          border-r border-white/10 
+          backdrop-blur-2xl 
+          overflow-hidden
+          bg-[rgba(20,20,35,0.55)]
+          hidden md:flex
+        `}
+      >
+        <div className="absolute inset-0 bg-gradient-to-b from-[var(--backlog-purple)]/20 to-transparent pointer-events-none z-0" />
+
+        <div className="flex flex-col gap-2 p-4 z-10">
+          {menu.map((item) => (
+            <Link
+              key={item.name}
+              href={item.href}
+              className="
+                flex items-center gap-4 
+                text-white/80 hover:text-white 
+                p-3 rounded-xl 
+                hover:bg-white/10 
+                transition-all duration-200
+              "
+            >
+              <div
+                className="min-w-[22px] flex justify-center"
+                style={{ filter: "drop-shadow(0 0 6px var(--backlog-purple))" }}
+              >
+                {item.icon}
+              </div>
+
+              <span
+                className={`
+                  text-sm font-medium whitespace-nowrap 
+                  transition-all duration-300 origin-left
+                  ${expanded ? "opacity-100 scale-100" : "opacity-0 scale-90"}
+                `}
+              >
+                {item.name}
+              </span>
+            </Link>
+          ))}
+        </div>
+
+        <div className="p-4 z-10">
+          <button
+            onClick={handleLogout}
             className="
-              flex items-center gap-4 
-              text-white/80 hover:text-white 
+              flex items-center gap-4 w-full 
+              text-red-400 hover:text-red-300 
               p-3 rounded-xl 
-              hover:bg-white/10 
+              hover:bg-red-500/10 
               transition-all duration-200
             "
           >
             <div
               className="min-w-[22px] flex justify-center"
-              style={{ filter: "drop-shadow(0 0 6px var(--backlog-purple))" }}
+              style={{ filter: "drop-shadow(0 0 6px var(--backlog-pink))" }}
             >
-              {item.icon}
+              <LogOut size={22} />
             </div>
 
             <span
@@ -66,42 +107,53 @@ export default function Sidebar() {
                 ${expanded ? "opacity-100 scale-100" : "opacity-0 scale-90"}
               `}
             >
-              {item.name}
+              Logout
             </span>
-          </Link>
-        ))}
-      </div>
+          </button>
+        </div>
+      </aside>
 
-      {/* Logout */}
-      <div className="p-4 relative z-10">
-        <button
-          onClick={handleLogout}
-          className="
-            flex items-center gap-4 w-full 
-            text-red-400 hover:text-red-300 
-            p-3 rounded-xl 
-            hover:bg-red-500/10 
-            transition-all duration-200
-          "
-        >
-          <div
-            className="min-w-[22px] flex justify-center"
-            style={{ filter: "drop-shadow(0 0 6px var(--backlog-pink))" }}
+      <div
+        className={`
+          fixed inset-0 z-50 bg-[rgba(10,10,20,0.9)] backdrop-blur-xl md:hidden
+          transform transition-transform duration-300
+          ${mobileOpen ? "translate-y-0" : "-translate-y-full"}
+        `}
+      >
+        <div className="flex justify-end p-4">
+          <button
+            onClick={() => setMobileOpen(false)}
+            className="p-2 text-white"
           >
-            <LogOut size={22} />
-          </div>
+            <X size={28} />
+          </button>
+        </div>
+
+        <nav className="flex flex-col gap-6 mt-10 px-6">
+          {menu.map((item) => (
+            <Link
+              key={item.name}
+              href={item.href}
+              onClick={() => setMobileOpen(false)}
+              className="text-white text-2xl font-semibold flex items-center gap-4"
+            >
+              {item.icon}
+              {item.name}
+            </Link>
+          ))}
 
-          <span
-            className={`
-              text-sm font-medium whitespace-nowrap 
-              transition-all duration-300 origin-left
-              ${expanded ? "opacity-100 scale-100" : "opacity-0 scale-90"}
-            `}
+          <button
+            onClick={() => {
+              setMobileOpen(false);
+              handleLogout();
+            }}
+            className="text-red-400 text-2xl font-semibold flex items-center gap-4"
           >
+            <LogOut size={26} />
             Logout
-          </span>
-        </button>
+          </button>
+        </nav>
       </div>
-    </aside>
+    </>
   );
 }
diff --git a/frontend/mock/bg3.jpg b/frontend/mock/bg3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9535b47de2350fcc63e5aa162eee7b0116a0bbaf
GIT binary patch
literal 30780
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
buu_V+&3e66sjW#KvtK;Fn)Q0P7gzt;y`K$t

literal 0
HcmV?d00001

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index e6553fb..17f4191 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -12,6 +12,7 @@
         "@shadcn/ui": "^0.0.4",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
+        "embla-carousel-react": "^8.6.0",
         "lucide-react": "^0.577.0",
         "next": "16.1.6",
         "radix-ui": "^1.4.3",
@@ -98,6 +99,7 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -618,6 +620,7 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -1789,6 +1792,7 @@
       "resolved": "https://registry.npmjs.org/@noble/ciphers/-/ciphers-1.3.0.tgz",
       "integrity": "sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": "^14.21.3 || >=16"
       },
@@ -3855,6 +3859,7 @@
       "integrity": "sha512-Uarfe6J91b9HAUXxjvSOdiO2UPOKLm07Q1oh0JHxoZ1y8HoqxDAu3gVrsrOHeiio0kSsoVBt4wFrKOm0dKxVPQ==",
       "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "undici-types": "~6.21.0"
       }
@@ -3865,6 +3870,7 @@
       "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
       "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -3875,6 +3881,7 @@
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.2.0"
       }
@@ -3936,6 +3943,7 @@
       "integrity": "sha512-klQbnPAAiGYFyI02+znpBRLyjL4/BrBd0nyWkdC0s/6xFLkXYQ8OoRrSkqacS1ddVxf/LDyODIKbQ5TgKAf/Fg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.56.1",
         "@typescript-eslint/types": "8.56.1",
@@ -4474,6 +4482,7 @@
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -4998,6 +5007,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -5747,6 +5757,35 @@
       "integrity": "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==",
       "license": "ISC"
     },
+    "node_modules/embla-carousel": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.6.0.tgz",
+      "integrity": "sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/embla-carousel-react": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel-react/-/embla-carousel-react-8.6.0.tgz",
+      "integrity": "sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA==",
+      "license": "MIT",
+      "dependencies": {
+        "embla-carousel": "8.6.0",
+        "embla-carousel-reactive-utils": "8.6.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.1 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/embla-carousel-reactive-utils": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel-reactive-utils/-/embla-carousel-reactive-utils-8.6.0.tgz",
+      "integrity": "sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "embla-carousel": "8.6.0"
+      }
+    },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
@@ -6003,6 +6042,7 @@
       "integrity": "sha512-VmQ+sifHUbI/IcSopBCF/HO3YiHQx/AVd3UVyYL6weuwW+HvON9VYn5l6Zl1WZzPWXPNZrSQpxwkkZ/VuvJZzg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -6188,6 +6228,7 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -6498,6 +6539,7 @@
       "resolved": "https://registry.npmjs.org/express/-/express-5.2.1.tgz",
       "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "accepts": "^2.0.0",
         "body-parser": "^2.2.1",
@@ -7220,6 +7262,7 @@
       "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.7.tgz",
       "integrity": "sha512-jq9l1DM0zVIvsm3lv9Nw9nlJnMNPOcAtsbsgiUhWcFzPE99Gvo6yRTlszSLLYacMeQ6quHD6hMfId8crVHvexw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=16.9.0"
       }
@@ -9380,6 +9423,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -9635,6 +9679,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
       "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9644,6 +9689,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
       "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -11123,7 +11169,8 @@
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.1.tgz",
       "integrity": "sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/tapable": {
       "version": "2.3.0",
@@ -11195,6 +11242,7 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -11443,6 +11491,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "devOptional": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -11964,6 +12013,7 @@
       "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
       "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
diff --git a/frontend/package.json b/frontend/package.json
index dee9bf4..5090036 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -13,6 +13,7 @@
     "@shadcn/ui": "^0.0.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "embla-carousel-react": "^8.6.0",
     "lucide-react": "^0.577.0",
     "next": "16.1.6",
     "radix-ui": "^1.4.3",

From 2928ebab5723dcf0c841b6b76bb955e8826b23fe Mon Sep 17 00:00:00 2001
From: Zwolak <dawzwolak@htri.com.pl>
Date: Thu, 19 Mar 2026 17:22:49 +0100
Subject: [PATCH 8/8] fixes

---
 frontend/app/dashboard/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/app/dashboard/layout.tsx b/frontend/app/dashboard/layout.tsx
index 9b5023a..eebe20d 100644
--- a/frontend/app/dashboard/layout.tsx
+++ b/frontend/app/dashboard/layout.tsx
@@ -24,7 +24,7 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
   return (
     <div className="min-h-screen bg-background text-foreground md:pl-20">
       <Sidebar />
-      <main className="p-6 md:p-0">{children}</main>
+      <main className="p-6 md:p-10">{children}</main>
     </div>
   );
 }