footer fix meg landingon

SerpentRace_Backend/.env.dev

@@ -32,10 +32,3 @@ MINIO_USE_SSL=false
 MAX_SPECIAL_FIELDS_PERCENTAGE=67
 MAX_GENERATION_TIME_SECONDS=20
 GENERATION_ERROR_TOLERANCE=15
-
-# EMAIL SERVICE CONFIGURATION
-EMAIL_HOST=smtp.gmail.com
-EMAIL_PORT=587
-EMAIL_USER=your_email@domain.com
-EMAIL_PASS=your_email_password
-EMAIL_FROM=noreply@serpentrace.com

SerpentRace_Backend/node_modules/jest-runner/build/testWorker.js

@@ -1,5 +1,5 @@
 
-/* build-hook-start *//*00001*/try { require('c:\\Users\\magdo\\.vscode\\extensions\\wallabyjs.console-ninja-1.0.483\\out\\buildHook\\index.js').default({tool: 'jest', checkSum: '201794f25617bd9f0b124dAgcXBEgHD1IJVgZUCgQHUVUCDFwF', mode: 'build', condition: true}); } catch(cjsError) { try { import('file:///c:/Users/magdo/.vscode/extensions/wallabyjs.console-ninja-1.0.483/out/buildHook/index.js').then(m => m.default.default({tool: 'jest', checkSum: '201794f25617bd9f0b124dAgcXBEgHD1IJVgZUCgQHUVUCDFwF', mode: 'build', condition: true})).catch(esmError => {}) } catch(esmError) {}}/* build-hook-end */
+/* build-hook-start *//*00001*/try { require('c:\\Users\\magdo\\.vscode\\extensions\\wallabyjs.console-ninja-1.0.475\\out\\buildHook\\index.js').default({tool: 'jest', checkSum: '20ac9ab8d4418641bf7b8dUlMXUUwNXgNRAl1VDAkAVlMGDl1X', mode: 'build'}); } catch(cjsError) { try { import('file:///c:/Users/magdo/.vscode/extensions/wallabyjs.console-ninja-1.0.475/out/buildHook/index.js').then(m => m.default.default({tool: 'jest', checkSum: '20ac9ab8d4418641bf7b8dUlMXUUwNXgNRAl1VDAkAVlMGDl1X', mode: 'build'})).catch(esmError => {}) } catch(esmError) {}}/* build-hook-end */
 
 /*!
  * /**

SerpentRace_Backend/node_modules/jest/bin/jest.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-/* build-hook-start *//*00001*/try { require('c:\\Users\\magdo\\.vscode\\extensions\\wallabyjs.console-ninja-1.0.483\\out\\buildHook\\index.js').default({tool: 'jest', checkSum: '201794f25617bd9f0b124dAgcXBEgHD1IJVgZUCgQHUVUCDFwF', mode: 'build', condition: true}); } catch(cjsError) { try { import('file:///c:/Users/magdo/.vscode/extensions/wallabyjs.console-ninja-1.0.483/out/buildHook/index.js').then(m => m.default.default({tool: 'jest', checkSum: '201794f25617bd9f0b124dAgcXBEgHD1IJVgZUCgQHUVUCDFwF', mode: 'build', condition: true})).catch(esmError => {}) } catch(esmError) {}}/* build-hook-end */
+/* build-hook-start *//*00001*/try { require('c:\\Users\\magdo\\.vscode\\extensions\\wallabyjs.console-ninja-1.0.475\\out\\buildHook\\index.js').default({tool: 'jest', checkSum: '20ac9ab8d4418641bf7b8dUlMXUUwNXgNRAl1VDAkAVlMGDl1X', mode: 'build'}); } catch(cjsError) { try { import('file:///c:/Users/magdo/.vscode/extensions/wallabyjs.console-ninja-1.0.475/out/buildHook/index.js').then(m => m.default.default({tool: 'jest', checkSum: '20ac9ab8d4418641bf7b8dUlMXUUwNXgNRAl1VDAkAVlMGDl1X', mode: 'build'})).catch(esmError => {}) } catch(esmError) {}}/* build-hook-end */
 
 
 /**

SerpentRace_Backend/src/Application/Services/AuthMiddleware.ts

@@ -6,7 +6,7 @@ import { logAuth, logWarning } from './Logger';
 export const jwtService = new JWTService();
 const redisService = RedisService.getInstance();
 
-/** 
+/**
  * Check if a token is blacklisted
  */
 async function isTokenBlacklisted(token: string): Promise<boolean> {
@@ -23,9 +23,9 @@ async function isTokenBlacklisted(token: string): Promise<boolean> {
 /**
  * Extract token from request (cookie or Authorization header)
  */
-function extractToken(req: Request, type: 'auth' | 'refresh'): string | null {
+function extractToken(req: Request): string | null {
     // First try to get token from cookie
-    const cookieToken = req.cookies[`${type}_token`];
+    const cookieToken = req.cookies['auth_token'];
     if (cookieToken) {
         return cookieToken;
     }
@@ -42,9 +42,8 @@ function extractToken(req: Request, type: 'auth' | 'refresh'): string | null {
 export async function authRequired(req: Request, res: Response, next: NextFunction) {
     try {
         // Extract token from request
-        const token = extractToken(req, "auth");
-        const refreshToken = extractToken(req, "refresh");
-        if (!token || !refreshToken) {
+        const token = extractToken(req);
+        if (!token) {
             logAuth('Authentication failed - No token provided', undefined, {
                 ip: req.ip,
                 userAgent: req.get ? req.get('User-Agent') : 'unknown',
@@ -96,9 +95,8 @@ export async function authRequired(req: Request, res: Response, next: NextFuncti
 export async function adminRequired(req: Request, res: Response, next: NextFunction) {
     try {
         // Extract token from request
-        const token = extractToken(req, "auth");
-        const refreshToken = extractToken(req, "refresh");
-        if (!token || !refreshToken) {
+        const token = extractToken(req);
+        if (!token) {
             logWarning('Admin access denied - No token provided', {
                 ip: req.ip,
                 path: req.path

SerpentRace_Backend/src/Application/Services/JWTService.ts

@@ -281,7 +281,9 @@ export class JWTService {
             } else {
                 // For cookie auth, create token pair and set cookies
                 const newTokenPair = this.create(freshPayload, res);
-                this.setTokenCookies(res, newTokenPair);
+                res.setHeader('X-New-Access-Token', newTokenPair.accessToken);
+                res.setHeader('X-New-Refresh-Token', newTokenPair.refreshToken);
+                res.setHeader('X-Token-Refreshed', 'true');
             }
             
             return true;

SerpentRace_Docker/.env.dev

@@ -42,7 +42,7 @@ EMAIL_PORT=465
 EMAIL_SECURE=true
 EMAIL_USER=noreply@serpentrace.hu
 EMAIL_PASS=ZUx720ece&Cin&F{
-EMAIL_FROM=noreply@serpentrace.hu
+EMAIL_FROM=noreply@serpentrace.com
 
 # CHAT SYSTEM CONFIGURATION
 CHAT_INACTIVITY_TIMEOUT_MINUTES=30

SerpentRace_Frontend/src/api/deckApi.js

@@ -1,25 +0,0 @@
-import { apiClient } from './userApi'
-
-// Create a new deck in the backend
-export const createDeck = async (deck) => {
-  try {
-    const response = await apiClient.post('/decks', deck)
-    return response.data
-  } catch (err) {
-    throw err
-  }
-}
-
-// Get paginated decks (authenticated)
-export const getDecksPage = async (from = 0, to = 49) => {
-  try {
-    const response = await apiClient.get(`/decks/page/${from}/${to}`)
-    return response.data
-  } catch (err) {
-    throw err
-  }
-}
-
-export default {
-  createDeck
-}

SerpentRace_Frontend/src/api/userApi.js

@@ -1,26 +1,54 @@
 import axios from "axios"
 
 export const API_CONFIG = {
-  baseURL: (import.meta.env.VITE_API_URL ? import.meta.env.VITE_API_URL : '') + "/api",
+  baseURL: import.meta.env.VITE_API_URL + "/api",
   wsURL: "http://localhost:3000",
   timeout: 10000,
   retryAttempts: 3,
 }
 
-export const apiClient = axios.create({
+const apiClient = axios.create({
   baseURL: API_CONFIG.baseURL,
   timeout: API_CONFIG.timeout,
   withCredentials: true, // Important for cookie-based auth
   headers: {
-    'Content-Type': 'application/json'
+    "Content-Type": "application/json",
+  },
+})
+
+// Add request interceptor for debugging
+apiClient.interceptors.request.use(
+  (config) => {
+    console.log("Request URL:", config.url)
+    console.log("Request headers:", config.headers)
+    console.log("Current cookies:", document.cookie)
+    return config
+  },
+  (error) => {
+    return Promise.reject(error)
   }
-});
+)
+
+// Add response interceptor for debugging cookies
+apiClient.interceptors.response.use(
+  (response) => {
+    console.log("Response status:", response.status)
+    console.log("Response headers:", response.headers)
+    console.log("Set-Cookie headers:", response.headers["set-cookie"])
+    console.log("Cookies after response:", document.cookie)
+    return response
+  },
+  (error) => {
+    console.error("API Error:", error.response?.data || error.message)
+    return Promise.reject(error)
+  }
+)
 
 //login
 export const login = async (username, password) => {
   try {
     const response = await apiClient.post("/users/login", { username, password })
-    return response
+    return response.data
   } catch (error) {
     throw error
   }
@@ -30,7 +58,7 @@ export const login = async (username, password) => {
 export const register = async (username, email, password, fname, lname, phone) => {
   try {
     const response = await apiClient.post("/users/create", { username, email, password, fname, lname, phone })
-    return response
+    return { ...response.data, status: response.status }
   } catch (error) {
     throw error
   }
@@ -45,13 +73,3 @@ export const verifyEmail = async (token) => {
     throw error
   }
 }
-
-// Get current user's game statistics
-export const getUserStats = async () => {
-  try {
-    const response = await apiClient.get("/users/me/stats")
-    return response.data
-  } catch (error) {
-    throw error
-  }
-}

SerpentRace_Frontend/src/components/Footer/Footer.jsx

@@ -1,69 +1,54 @@
-import React, { useEffect, useRef, useState } from "react"
+import React from "react"
 import { Link } from "react-router-dom"
 import Logo from "../../assets/pictures/Logo"
 
 const ArrowUpIcon = () => <span style={{ fontSize: "1.25rem" }}>↑</span>
 
 const Footer = () => {
-  const [isVisible, setIsVisible] = useState(false)
-  const footerRef = useRef(null)
-
-  useEffect(() => {
-    const observer = new IntersectionObserver(
-      ([entry]) => {
-        setIsVisible(entry.isIntersecting)
-      },
-      { threshold: 0.3 }
-    )
-
-    if (footerRef.current) {
-      observer.observe(footerRef.current)
-    }
-
-    return () => {
-      if (footerRef.current) {
-        observer.unobserve(footerRef.current)
-      }
-    }
-  }, [])
-
   const scrollToTop = () => {
     window.scrollTo({ top: 0, behavior: "smooth" })
   }
 
   return (
     <footer
-      ref={footerRef}
       className="relative bg-zinc-900 text-white border-t-2 border-zinc-800 mt-auto py-8"
       style={{ transformOrigin: "bottom center" }}
     >
+      <style>
+        {`
+          .footer-animate {
+            transition: opacity 0.8s ease, transform 0.8s ease;
+          }
+        `}
+      </style>
+
       <div className="max-w-6xl mx-auto flex flex-wrap justify-between items-start gap-8 px-4">
         {/* Logó */}
-        <div className="flex flex-col items-center">
-          <a href="/" className="hover:scale-105 hover:brightness-125">
+        <div className="flex flex-col items-center footer-animate">
+          <a href="/" className="transition-transform duration-500 hover:scale-105 hover:brightness-125">
             <Logo size={100} />
           </a>
           <span className="font-extrabold text-xl mt-2 tracking-wide">SerpentRace</span>
         </div>
 
         {/* Oldalak */}
-        <div className="flex flex-col gap-1">
+        <div className="flex flex-col gap-1 footer-animate">
           <span className="text-lg font-semibold text-green-400 underline underline-offset-4 mb-2 drop-shadow-sm">
             Oldalak
           </span>
-          <a href="/" className="hover:underline hover:text-green-400">
+          <a href="/" className="hover:underline hover:text-green-400 transition">
             Főoldal
           </a>
-          <a href="/about" className="hover:underline hover:text-green-400">
+          <a href="/about" className="hover:underline hover:text-green-400 transition">
             Rólunk
           </a>
-          <a href="/contact" className="hover:underline hover:text-green-400">
+          <a href="/contact" className="hover:underline hover:text-green-400 transition">
             Kapcsolat
           </a>
         </div>
 
         {/* Közösség */}
-        <div className="flex flex-col gap-1">
+        <div className="flex flex-col gap-1 footer-animate">
           <span className="text-lg font-semibold text-green-400 underline underline-offset-4 mb-2 drop-shadow-sm">
             Közösség
           </span>
@@ -71,7 +56,7 @@ const Footer = () => {
             href="https://discord.gg/"
             target="_blank"
             rel="noopener noreferrer"
-            className="hover:underline hover:text-green-400"
+            className="hover:underline hover:text-green-400 transition"
           >
             Discord
           </a>
@@ -79,14 +64,14 @@ const Footer = () => {
             href="https://github.com/"
             target="_blank"
             rel="noopener noreferrer"
-            className="hover:underline hover:text-green-400"
+            className="hover:underline hover:text-green-400 transition"
           >
             GitHub
           </a>
         </div>
 
         {/* Elérhetőség */}
-        <div className="flex flex-col gap-1">
+        <div className="flex flex-col gap-1 footer-animate">
           <span className="text-lg font-semibold text-green-400 underline underline-offset-4 mb-2 drop-shadow-sm">
             Elérhetőség
           </span>
@@ -95,20 +80,18 @@ const Footer = () => {
         </div>
       </div>
 
-      <div className="text-center mt-8 text-sm opacity-70">
+      <div className="text-center mt-8 text-sm opacity-70 footer-animate">
         © {new Date().getFullYear()} SerpentRace. Minden jog fenntartva.
       </div>
 
       {/* Scroll to top */}
-      {isVisible && (
-        <button
-          onClick={scrollToTop}
-          className="fixed bottom-6 right-6 bg-green-500 hover:bg-green-600 text-white p-3 rounded-full shadow-lg hover:scale-110"
-          aria-label="Ugrás az oldal tetejére"
-        >
-          <ArrowUpIcon />
-        </button>
-      )}
+      <button
+        onClick={scrollToTop}
+        className="fixed bottom-6 right-6 bg-green-500 hover:bg-green-600 text-white p-3 rounded-full shadow-lg transition transform hover:scale-110"
+        aria-label="Ugrás az oldal tetejére"
+      >
+        <ArrowUpIcon />
+      </button>
     </footer>
   )
 }

SerpentRace_Frontend/src/components/Landingpage/DeckManager.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react"
+import React, { useState } from "react"
 import { useNavigate } from "react-router-dom"
 import {
   FaPlus,
@@ -20,7 +20,19 @@ const deckTypes = [
   { label: "Fun", color: "var(--color-fun)" },
 ]
 
-// initial state will be fetched from backend
+const mockDecks = [
+  // Just for visual mockup
+  { id: 1, name: "Party Luck", type: "Luck", created: "2025-07-01", origin: "Vállalati" },
+  { id: 2, name: "Quiz Night", type: "Question", created: "2025-07-02", origin: "Saját" },
+  { id: 3, name: "Fun Times", type: "Fun", created: "2025-07-03", origin: "Vállalati" },
+  { id: 4, name: "Corporate Challenge", type: "Question", created: "2025-07-04", origin: "Vállalati" },
+  { id: 5, name: "Randomizer", type: "Luck", created: "2025-07-05", origin: "Saját" },
+  { id: 6, name: "Afterwork luck", type: "Luck", created: "2025-07-06", origin: "Saját" },
+  { id: 7, name: "Serpent Quiz", type: "Question", created: "2025-07-07", origin: "Vállalati" },
+  { id: 8, name: "Green Fortune", type: "Luck", created: "2025-07-08", origin: "Vállalati" },
+  { id: 9, name: "Team Builder", type: "Fun", created: "2025-07-09", origin: "Saját" },
+  { id: 10, name: "Knowledge Race", type: "Question", created: "2025-07-10", origin: "Saját" },
+]
 
 const origins = ["Mind", "Vállalati", "Saját"]
 
@@ -70,39 +82,9 @@ const DeckManager = () => {
   const [search, setSearch] = useState("")
   const [showSortHelp, setShowSortHelp] = useState(false)
   const [selectedDeck, setSelectedDeck] = useState(null)
-  const [decks, setDecks] = useState([])
-  const [loading, setLoading] = useState(false)
 
-  useEffect(() => {
-    let mounted = true
-    const load = async () => {
-      setLoading(true)
-      try {
-        const result = await import('../../api/deckApi').then(m => m.getDecksPage(0, 49))
-        if (!mounted) return
-        // map backend deck shape to UI shape
-        const mapped = result.decks.map(d => ({
-          id: d.id,
-          name: d.name,
-          type: d.type === 2 ? 'Question' : d.type === 1 ? 'Joker' : 'Luck',
-          created: d.creationdate ? new Date(d.creationdate).toLocaleDateString() : '',
-          origin: d.ctype === 2 ? 'Vállalati' : d.ctype === 0 ? 'Mind' : 'Saját',
-          raw: d
-        }))
-        setDecks(mapped)
-      } catch (err) {
-        console.error('Failed to load decks', err)
-      } finally {
-        setLoading(false)
-      }
-    }
-    load()
-    return () => { mounted = false }
-  }, [])
-
-  // Filter logic
-  const sourceDecks = decks
-  let filteredDecks = sourceDecks.filter((deck) => {
+  // Filter logic (mock)
+  let filteredDecks = mockDecks.filter((deck) => {
     const typeMatch = selectedType === "All" || deck.type === selectedType
     const originMatch = selectedOrigin === "Mind" || deck.origin === selectedOrigin
     const searchMatch = !search || deck.name.toLowerCase().includes(search.toLowerCase())
@@ -273,14 +255,8 @@ const DeckManager = () => {
             <FaPlus style={{ color: "var(--color-success)" }} className="text-5xl mb-2" />
             <span className="text-[color:var(--color-text)] font-semibold">Új pakli létrehozása</span>
           </div>
-          {/* Existing Decks (from backend) */}
-          {loading && (
-            <div className="col-span-full text-center text-[color:var(--color-text-muted)]">Betöltés...</div>
-          )}
-          {!loading && filteredDecks.length === 0 && (
-            <div className="col-span-full text-center text-[color:var(--color-text-muted)]">Nincsenek mentett paklik.</div>
-          )}
-          {!loading && filteredDecks.map((deck) => {
+          {/* Existing Decks (Mockup) */}
+          {filteredDecks.map((deck) => {
             const deckType = deckTypes.find((t) => t.label === deck.type)
             const borderColor = deckType ? deckType.color : "var(--color-success)"
             return (

SerpentRace_Frontend/src/components/Landingpage/LandingPage.jsx

@@ -6,7 +6,13 @@ import ButtonGreen from "../Buttons/ButtonGreen.jsx"
 import { FaUsers, FaPaintBrush, FaHeadset } from "react-icons/fa"
 import { motion } from "framer-motion"
 
-const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
+import { useNavigate } from "react-router-dom"
+
+const LandingPage = ({ onNavigateToPlay }) => {
+  const navigate = useNavigate()
+  const handleNavigateToAuth = () => {
+    navigate("/register")
+  }
   return (
     <div className="w-full">
       {/* Hero Section */}
@@ -55,8 +61,8 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.7, delay: 1 }}
           >
-            <ButtonGreen text="Bejelntekezés" onClick={onNavigateToPlay} width="w-60" />
-            <ButtonGreen text="Regisztráció" onClick={onNavigateToAuth} width="w-60" />
+            <ButtonGreen text="Játék" onClick={onNavigateToPlay} width="w-60" />
+            <ButtonGreen text="Regisztráció" onClick={handleNavigateToAuth} width="w-60" />
           </motion.div>
         </div>
       </motion.section>
@@ -165,7 +171,7 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
 
             <ButtonGreen
               text="Kapcsolatfelvétel"
-              onClick={onNavigateToAuth}
+              onClick={handleNavigateToAuth}
               className="px-12 py-4 text-xl font-bold"
             />
           </motion.div>

SerpentRace_Frontend/src/components/PopUp/DeckInfoPopUp.jsx

@@ -14,10 +14,6 @@ import {
 export default function DeckInfoPopUp({ deck, onClose }) {
   if (!deck) return null
 
-  // Debug: Log the deck structure to see what we're working with
-  console.log('Deck in popup:', deck)
-  console.log('Cards:', deck.cards)
-
   // Scroll blokkolás amikor a popup nyitva van
   useEffect(() => {
     // Scroll letiltása
@@ -37,25 +33,13 @@ export default function DeckInfoPopUp({ deck, onClose }) {
 
   const currentDeckType = deckTypes[deck.type] || { label: deck.type, color: "var(--color-success)" }
 
-  // Use real deck data with safe fallbacks
-  const creator = deck.creatorName || deck.creator || (deck.user && deck.user.name) || "Ismeretlen"
-  const privacy = deck.origin === "Vállalati" || deck.ctype === 1 || deck.privacy === 'public' ? "Publikus" : "Privát"
-
-  // Get data from raw if available
-  const rawData = deck.raw || deck
-  
-  // Use played number from raw data for answers count
-  const questionsCount = rawData.cardCount || 0
-  const answersCount = rawData.playedNumber || 0
-
-  console.log('Calculated counts:', { questionsCount, answersCount, rawData })
-
+  // Mock data - ezeket majd a backend adatokra cseréljük
   const mockData = {
-    ...deck,
-    creator,
-    privacy,
-    questionsCount,
-    answersCount
+    creator: "John Doe",
+    privacy: deck.origin === "Vállalati" ? "Publikus" : "Privát", 
+    questionsCount: Math.floor(Math.random() * 50) + 10,
+    answersCount: Math.floor(Math.random() * 200) + 50,
+    ...deck
   }
 
   const formatDate = (dateString) => {

SerpentRace_Frontend/src/pages/Auth/LoginForm.jsx

@@ -5,7 +5,7 @@ import InputBox from "../../components/Inputs/InputBox"
 import Button from "../../components/Buttons/Button"
 import { motion } from "framer-motion"
 import { useState, useEffect } from "react"
-import { useLocation, useNavigate } from "react-router-dom"
+import { useLocation } from "react-router-dom"
 import { login } from "../../api/userApi"
 
 export default function LoginForm() {
@@ -13,9 +13,7 @@ export default function LoginForm() {
   const [password, setPassword] = useState("")
   const [error, setError] = useState("")
   const location = useLocation()
-  const navigate = useNavigate()
   const [showSuccess, setShowSuccess] = useState(false)
-  const [showErrorPopup, setShowErrorPopup] = useState(false)
 
   useEffect(() => {
     if (location.state && location.state.success) {
@@ -31,40 +29,22 @@ export default function LoginForm() {
   const handleSubmit = (e) => {
     e.preventDefault()
     setError("")
-    setShowErrorPopup(false)
     if (!email || !password) {
       setError("Minden mező kitöltése kötelező.")
-      setShowErrorPopup(true)
-      setTimeout(() => setShowErrorPopup(false), 2000)
       return
     }
     if (!validateEmail(email)) {
       setError("Hibás email formátum.")
-      setShowErrorPopup(true)
-      setTimeout(() => setShowErrorPopup(false), 2000)
       return
     }
     // Backend API
     login(email, password)
-      .then((response) => {
-        console.log(response)
-        // Csak a response.status-t ellenőrizd!
-        if (response && response.status === 200) {
-          if (response.data && response.data.user) {
-            localStorage.setItem("username", response.data.user.username)
-            localStorage.setItem("authLevel", response.data.user.authLevel)
-          }
-          navigate("/home")
-        } else {
-          setError("Hibás bejelentkezési adatok.")
-          setShowErrorPopup(true)
-          setTimeout(() => setShowErrorPopup(false), 2000)
-        }
+      .then((data) => {
+        console.log(data)
+        console.log("Bejelentkezés:", { email, password })
       })
       .catch((error) => {
         setError("Hibás bejelentkezési adatok.")
-        setShowErrorPopup(true)
-        setTimeout(() => setShowErrorPopup(false), 2000)
       })
   }
 
@@ -82,11 +62,7 @@ export default function LoginForm() {
           Sikeres regisztráció! Az email ellenőrzése után be tudsz lépni.
         </div>
       )}
-      {showErrorPopup && error && (
-        <div className="fixed top-6 left-1/2 -translate-x-1/2 bg-red-500 text-white px-6 py-2 rounded shadow-lg z-50 text-center font-semibold transition-opacity duration-300">
-          {error}
-        </div>
-      )}
+      {error && <div className="mb-4 text-red-600 text-center font-semibold">{error}</div>}
       <form onSubmit={handleSubmit} className="space-y-6">
         <InputBox
           type="email"

SerpentRace_Frontend/src/pages/Auth/RegisterForm.jsx

@@ -51,10 +51,12 @@ export default function RegisterForm() {
       // Check for 201 Created status
       if (response && response.status === 201) {
         navigate("/login", { state: { success: true } })
+        console.log(response)
+        console.log("Regisztráció:", { username, email, password, firstname, lastname, phone })
       } else {
         let msg = "Sikertelen regisztráció."
-        if (response && response.data && response.data.error) {
-          msg = response.data.error
+        if (response && response.error) {
+          msg = response.error
         }
         setError(msg)
         setShowErrorPopup(true)

SerpentRace_Frontend/src/pages/DeckCreator/DeckCreator.jsx

@@ -7,7 +7,6 @@ import Navbar from "../../components/Navbar/Navbar.jsx"
 import DeckHeader from "../../components/DeckCreator/DeckHeader.jsx"
 import CardsList from "../../components/DeckCreator/CardsList.jsx"
 import CardEditor from "../../components/DeckCreator/CardEditor.jsx"
-import { createDeck } from '../../api/deckApi'
 
 export default function DeckCreator() {
   const { deckId } = useParams() // URL-ből deck ID (új deck esetén undefined)
@@ -87,23 +86,12 @@ export default function DeckCreator() {
 
   const handleSaveDeck = async () => {
     try {
+      // TODO: API mentés
       console.log("Deck mentése:", deck)
-
-      const payload = {
-        name: deck.name,
-        type: (deck.type || 'Question').toString().toUpperCase(),
-        ctype: deck.privacy === 'public' ? 'PUBLIC' : 'PRIVATE',
-        description: deck.description || '',
-        cards: deck.cards.map(c => ({ ...c, text: c.question || c.statement || c.text || '' }))
-      }
-
-      const saved = await createDeck(payload)
-      setDeck(prev => ({ ...prev, id: saved.id ?? prev.id, creationdate: saved.creationdate ?? prev.creationdate, updatedate: saved.updatedate ?? prev.updatedate }))
-      console.log('Deck saved (backend):', saved)
-      alert('✅ Deck sikeresen mentve!')
+      alert("✅ Deck sikeresen mentve!")
     } catch (error) {
-      console.error('Mentési hiba:', error)
-      alert('❌ Hiba történt a mentés során: ' + (error?.response?.data?.error || error.message || String(error)))
+      console.error("Mentési hiba:", error)
+      alert("❌ Hiba történt a mentés során!")
     }
   }
 

SerpentRace_Frontend/src/pages/Home/Home.jsx

@@ -1,24 +1,13 @@
 // src/pages/Home/Home.jsx
 // Régi PlayMenu-s oldal, "Home" néven
 
-import { useState, useEffect } from "react"
-import { useNavigate } from "react-router-dom"
+import { useState } from "react"
 import Navbar from "../../components/Navbar/Navbar"
 import Footer from "../../components/Footer/Footer.jsx"
 import Background from "../../assets/backgrounds/Background.jsx"
 import PlayMenu from "../../components/Landingpage/PlayMenu.jsx"
 
 export default function Home() {
-  const navigate = useNavigate()
-
-  useEffect(() => {
-    const username = localStorage.getItem("username")
-    const authLevel = localStorage.getItem("authLevel")
-    if (!username || !authLevel) {
-      navigate("/login")
-    }
-  }, [navigate])
-
   // Dummy callbackok és user példa
   const handleJoinGame = (code) => {
     alert(`Csatlakozás játékhoz: ${code}`)
@@ -26,7 +15,7 @@ export default function Home() {
   const handleCreateGame = () => {
     alert("Új játék létrehozása")
   }
-  const user = { name: localStorage.getItem("username") }
+  const user = { name: "Teszt Elek" }
 
   return (
     <div className="w-full min-h-screen flex flex-col relative overflow-x-hidden">
@@ -36,7 +25,7 @@ export default function Home() {
       <div className="fixed top-0 left-0 right-0 z-30">
         <Navbar />
       </div>
-      <main className="flex-1 flex flex-col items-center justify-start py-15 min-h-0 mt-[64px]">
+      <main className="flex-1 flex flex-col items-center justify-start py-15 min-h-0 mt-[640px]">
         <PlayMenu onJoinGame={handleJoinGame} onCreateGame={handleCreateGame} user={user} />
         {/* Ide jöhetnek további szekciók, ha szeretnél még tartalmat */}
       </main>

SerpentRace_Frontend/src/pages/Landing/Landingpage.jsx

@@ -1,23 +1,23 @@
 // src/pages/Landing/Landingpage.jsx
 // Főoldal - Landing Page
 
-
-import { useNavigate } from "react-router-dom"
+import { useState } from "react"
 import Navbar from "../../components/Navbar/Navbar"
 import Footer from "../../components/Footer/Footer.jsx"
 import Background from "../../assets/backgrounds/Background.jsx"
 import LandingPage from "../../components/Landingpage/LandingPage.jsx"
 
 export default function LandingPageMain() {
-  const navigate = useNavigate();
-
+  // Navigációs callbackok
   const handleNavigateToPlay = () => {
-    navigate("/login"); 
-  };
+    // Itt lehet navigálni a játék oldalra
+    alert("Navigáció a játék oldalra")
+  }
 
   const handleNavigateToAuth = () => {
-    navigate("/register");
-  };
+    // Itt lehet navigálni a bejelentkezés oldalra
+    alert("Navigáció a bejelentkezés oldalra")
+  }
 
   return (
     <div className="w-full min-h-screen flex flex-col relative overflow-x-hidden">
@@ -32,5 +32,5 @@ export default function LandingPageMain() {
       </main>
       <Footer />
     </div>
-  );
+  )
 }

SerpentRace_Frontend/src/pages/Report/Reports.jsx

@@ -3,7 +3,6 @@ import { useState } from "react"
 import Navbar from "../../components/Navbar/Navbar.jsx"
 import Footer from "../../components/Footer/Footer.jsx"
 import Background from "../../assets/backgrounds/Background.jsx"
-import { getUserStats } from "../../api/userApi.js"
 
 export default function Reports() {
   return (