Abstand verändert

Resolve "Design Quiz Formular"

Closes #158

See merge request enrichment-2024/qivip!115

.gitignore

@@ -1,5 +1,10 @@
 __pycache__
 .venv
+.env
 db.sqlite3
 tailwindcss.exe
 t-style.css
+dump.rdb
+media
+node_modules
+staticfiles

README.md

@@ -6,6 +6,8 @@
 2. [Starten des Servers](#starten-des-servers)
 3. [Superuser erstellen](#superuser-erstellen)
 4. [Tailwind-Nutzung](#tailwind-nutzung)
+5. [Issue - Merge Request - Merge](#issue-mergerequest-merge)
+6. [Konfiguration](#konfiguration)
 
 ## Initialisierung des Projekts
 
@@ -39,24 +41,70 @@ Um das Projekt erfolgreich zu starten, folge diesen Schritten:
    ```
 7. Die Datenbank migrieren:
    ```sh
-   python3 core/manage.py migrate
+   python django/manage.py migrate
    ```
 
 ## Starten des Servers
 
 ### Entwicklungsserver starten
 
-Um den Server zu starten, verwende einen der folgenden Befehle:
+Für die Entwicklung mit WebSocket-Unterstützung verwenden wir Daphne:
 
-- Standardport (8000):
+1. Aktiviere die virtuelle Umgebung:
+   ```sh
+   source .venv/bin/activate  # Linux
+   .venv\Scripts\activate     # Windows
+   ```
+
+2. Starte den Daphne-Server:
+   ```sh
+   # Im Verzeichnis 'django'
+   daphne -b 127.0.0.1 -p 8000 core.asgi:application
+   ```
+
+3. Starte den REDIS Server
+   ```sh
+   redis-server
+   ```
+   > **Hinweis:** Der Redis Server muss, wenn er nicht auf dem selben Gerät unter Standardeinstellungen läuft, in der Datei play/consumers/lobby.py und core/settings.py entsprechend umkonfiguriert werden!
+
+
+Alternativ kannst du den Django-Entwicklungsserver verwenden, wenn du keine WebSocket-Funktionalität benötigst:
    ```sh
    python3 core/manage.py runserver
    ```
-- Bestimmten Port (z. B. 9000):
+
+### Produktionsserver starten
+
+Für den Produktivbetrieb verwenden wir Daphne als ASGI-Server, der sowohl HTTP als auch WebSocket-Verbindungen unterstützt:
+
+1. Aktiviere die virtuelle Umgebung wie oben beschrieben
+
+2. Sammle die statischen Dateien:
    ```sh
-  python3 core/manage.py runserver 9000
+   python3 core/manage.py collectstatic
    ```
 
+3. Starte den Daphne-Server:
+   ```sh
+   daphne -b 0.0.0.0 -p 8000 core.asgi:application
+   ```
+   - `-b 0.0.0.0`: Bindet den Server an alle Netzwerk-Interfaces
+   - `-p 8000`: Port (anpassbar)
+
+4. Cronjob für Bereinigung der Spiele in der Datenbank
+   - Zum bearbeiten der Cronjobs:
+      ```sh
+      crontab -e
+      ```
+   - Dann `0 0 * * * /path/to/venv/bin/python /path/to/your_project/manage.py cleanup_games` einfügen, damit um Mitternacht alle Spiele gelöscht werden
+
+5. Starte den REDIS Server
+   ```sh
+   redis-server
+   ```
+   > **Hinweis:** Der Redis Server muss, wenn er nicht auf dem selben Gerät unter Standardeinstellungen läuft, in der Datei play/consumers/lobby.py und core/settings.py entsprechend umkonfiguriert werden!
+
 Damit ist das Projekt erfolgreich eingerichtet und der Server kann gestartet werden!
 
 ## Superuser erstellen
@@ -83,7 +131,11 @@ npm install tailwindcss @tailwindcss/cli
 ### Datei generieren
 
 ```sh
+# Bei Verwendung der Binärdatei:
 tailwindcss -i <INPUT-DATEI> -o <OUTPUT-DATEI> --watch --minify
+
+# Bei Verwendung von NPM:
+npx @tailwindcss/cli -i <INPUT-DATEI> -o <OUTPUT-DATEI> --watch --minify
 ```
 
 - INPUT-DATEI: CSS Datei, welche die Einbindung und Konfiguration von Tailwind enthält
@@ -94,5 +146,36 @@ tailwindcss -i <INPUT-DATEI> -o <OUTPUT-DATEI> --watch --minify
 **Beispiel:**
 
 ```sh
-tailwindcss -i core/homepage/static/homepage/t-input.css -o core/homepage/static/homepage/t-style.css --watch --minify
+# unter Linux mit Tailwind Binärdatei:
+npx tailwindcss -i static/css/t-input.css -o static/css/t-style.css --watch --minify
+
+# unter Windows mit NPM (in bash mit '/' statt '\'):
+npx @tailwindcss/cli -i ./static/css/t-input.css -o ./static/css/t-style.css --watch --minify
 ```
+
+## Issue - Merge Request - Merge
+
+Hier der vereinbarte Arbeitsablauf:
+
+1. Issue erstellen - das geht am einfachsten über die Webseite. Der Titel beschreibt kurz und klar, was angestrebt wird.
+
+2. Merge Request anlegen - dadurch wird der Branch automatisch angelegt. Dieser kann mit `git pull` geholt und mit `git checkout <branch>` bearbeitet werden.
+
+3. Nach dem Hochladen kann der Merge in den Master durchgeführt werden.
+
+## Konfiguration
+
+Die Konfiguration des Projekts befindet sich im `config/qivip_config.json`.
+
+| Variable | Bedeutung | Optionen |
+| --- | --- | --- |
+| ENABLE_RATING_SYSTEM | Soll das Bewertungssystem aktiviert werden? | true [Standard], false |
+
+
+## Lizenzen für node_modules
+1. Installation: npm install license-checker --save-dev
+
+npx license-checker --markdown > THIRD_PARTY_LICENSES.md
+## für Python Packete:
+
+pip-licenses --format=markdown > THIRD_PARTY_LICENSES_PYTHON.md

core/accounts/templates/accounts/base.html

@@ -1,16 +0,0 @@
-{% load static %}
-<!DOCTYPE html>
-<html lang="de">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{% block title %}{% endblock %}</title>
-    <link rel="stylesheet" href="{% static 'homepage/t-style.css' %}">
-</head>
-<body>
-    {% include 'homepage/partials/_nav.html' %}
-    {% block content %}
-    {% endblock %}
-    {% include 'homepage/partials/_footer.html' %}
-</body>
-</html>

core/accounts/templates/accounts/home.html

@@ -1,25 +0,0 @@
-{% extends 'accounts/base.html'%}
-{% block title %}Home{% endblock %}
-{% block content %}
-
-
-<div class="max-w-screen-lg mx-auto mt-12">
-<div class="input-group p-4 m-2 border-blue-600 border-2 rounded-xl shadow-md">
-    <div class="grid place-content-center h-120">
-      
-        <h1 class="text-center m-4 text-3xl lg:text-6xl">Willkommen,  <b>{{ request.user.username }}</b>!</h1>
-       
-        <form action="{% url 'accounts:logout' %}" method="post">
-            {% csrf_token %}
-            <button class="bg-blue-600 text-white p-3 rounded-full font-black" type="submit">Abmelden</button>
-            </form>
-        </div>
-        <div class="flex justify-end">
-            <span class="text-[clamp(0.6rem,5vw,1rem)] font-black overflow-x-auto mt-1 ml-0.75 text-blue-600 p-0.75 bg-white">qivip
-            </span>
-            </div>
-</div>
-</div>
-
-
-{% endblock %}

core/accounts/templates/core/partials/_nav.html

@@ -1,12 +0,0 @@
-<nav class="flex justify-between bg-blue-600 h-12 px-4 sm:px-6 lg:px-8 rounded-lg m-2 shadow-md">
-    <div class="flex items-center">
-        <h2 class="text-xl font-bold text-white hover:scale-110 transition duration-200"><a href="#">qivip</a></h2>
-    </div>
-    <div class="flex items-center">
-        <ul class="flex space-x-4 qp-nav-list">
-            <li><a href="#">Start</a></li>
-            <li><a href="#">Bibliothek</a></li>
-            <li><a href="{% url 'login' %}">Konto</a></li> <!--Hier ist der Link erstmal auf das alte Login-Formular gesetzt! Zum Testen!--> 
-        </ul>
-    </div>
-</nav>

core/accounts/urls.py

@@ -1,16 +0,0 @@
-from django.urls import path # type: ignore
-from . import views
-from django.contrib.auth.views import LogoutView
-from django.contrib.auth.views import LoginView 
-
-app_name = 'accounts' # Namensraum zum verhindern von Konflikten zwischen Apps
-#
-# Wichtig: Damit Links funktionieren müssen diese so eingebunden werden: {% url 'accounts:login' %} statt {% url 'login' %}
-#
-
-urlpatterns = [
-    path('', views.home, name='home'),
-    path('logout/', LogoutView.as_view(next_page='accounts:login'), name='logout'),
-    path('login/', LoginView.as_view(template_name='accounts/login.html', next_page='accounts:home'), name='login'),
-    path('register/', views.register, name='register'),
-]

core/accounts/views.py

@@ -1,19 +0,0 @@
-from django.shortcuts import render, redirect
-from django.contrib.auth.decorators import login_required
-from .forms import RegisterForm
-
-# Create your views here.
-@login_required
-def home(request):
-    return render(request, 'accounts/home.html')
-
-def register(response):
-    if response.method == "POST":
-        form = RegisterForm(response.POST)
-        if form.is_valid():
-            form.save()
-            return redirect("home")
-    else:
-        form = RegisterForm()
-
-    return render(response, "accounts/register.html", {"form":form})

core/components/admin.py

@@ -1,3 +0,0 @@
-from django.contrib import admin
-
-# Register your models here.

core/components/models.py

@@ -1,3 +0,0 @@
-from django.db import models
-
-# Create your models here.

core/components/templates/components/answer.html

@@ -1,22 +0,0 @@
-{% extends 'components/base.html' %}
-{% load static %}
-{% block title %}Antwort{% endblock %}
-{% block content %}
-<link rel="stylesheet" href="{% static 'homepage/t-style.css' %}">
-
- <!-- TODO Bedingung festlegen: Quiztyp unterscheiden % if <Bedingung> % -->
-  {% if user.is_authenticated %}
-<button class="overflow-x-auto text-[clamp(0.3rem,5vw,1rem)] break-words border-4 border-gray-500 text-2xl font-black m-0.75 bg-red-500 rounded-sm shadow-[0_2px_2px_rgba(0,0,0,0.1)]  text-center text-white">1</button>
-<button class="overflow-x-auto text-[clamp(0.3rem,5vw,1rem)] break-words border-4 border-gray-500 text-2xl font-black m-0.75 bg-indigo-500 rounded-sm shadow-[0_2px_2px_rgba(0,0,0,0.1)]  text-center text-white">2</button>
-<button class="overflow-x-auto text-[clamp(0.3rem,5vw,1rem)] break-words border-4  border-gray-500 text-2xl font-black m-0.75 bg-yellow-500 rounded-sm shadow-[0_2px_2px_rgba(0,0,0,0.1)]  text-center text-white">3</button>
-<button class="overflow-x-auto text-[clamp(0.3rem,5vw,1rem)] break-words border-4 border-gray-500 text-2xl font-black m-0.75 bg-green-500 rounded-sm shadow-[0_2px_2px_rgba(0,0,0,0.1)] text-center text-white">4</button>
-
-<!-- TODO wieder einfügen, wenn Bedingung gestetzt  -->
-{% else %}
-<button class=" overflow-x-auto text-[clamp(0.3rem,5vw,1rem)] break-words border-4  border-gray-500 text-2xl font-black m-0.75 bg-green-500 rounded-sm shadow-[0_2px_2px_rgba(0,0,0,0.1)]  text-center text-white">wahr</button>
-<button class=" overflow-x-auto text-[clamp(0.3rem,5vw,1rem)] break-words border-4 border-gray-500 text-2xl font-black m-0.75 bg-red-500 rounded-sm shadow-[0_2px_2px_rgba(0,0,0,0.1)] text-center text-white">falsch</button>
-
-    
-<!--TODO wieder einfügen, wenn Bedingung gestetzt plus   -->
-{% endif %}
-{% endblock %}

core/components/templates/components/base.html

@@ -1,45 +0,0 @@
-{% load static %}
-<!doctype html>
-<html class="h-full">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  </head>
-  <body class="dark:bg-gray-900  h-full m-0">
-
-    <div style="height: calc(12vh);"  class=" m-0 text-white  bg-blue-600 rounded-lg  h-12 shadow-md  font-semibold px-1  w-full h-20 shadow-[0_2px_2px_rgba(0,0,0,0.1)] break-words text-center flex items-center justify-center overflow-x-auto text-[clamp(0.55rem,5vw,1.5rem)]" > Frage: Wie hoch ist der Eiffelturm insgesamt? 
-      </div>
-    
-    <div class=" dark:bg-gray-900  flex justify-end gap-2 " style="height: calc(12vh);">
-    <span class="mt-4 text-[clamp(0.6rem,5vw,1rem)] overflow-x-auto ml-0.75 text-white bg-blue-400 mb-6 h-12 rounded-sm p-3 shadow-[0_2px_2px_rgba(0,0,0,0.1)] z-40 items-center">Zeit: 60s</span>
-    <div class="mt-4 text-[clamp(0.6rem,5vw,1rem)] overflow-x-auto mr-0.75 bg-gray-500 text-white h-12 mb-6 rounded-sm p-3 shadow-[0_2px_2px_rgba(0,0,0,0.1)] z-40 items-center  ">Deine Punkte: 60</div>
-    </div>
-  
-
-
-
- 
-   
-    <div class="mt-3 flex justify-center -z-1  " style="height: calc(37vh);"> <img class="object-cover "  src="{% static 'components/Ausgabe.png' %}" alt="Bild">   </div>
-    <div class="w-full  grid grid-cols-2 p-2 h-full" style="height: calc(38vh);min-height: 50px;">
- 
-      
-      {% block content %}
-   
-      {% endblock %}
-  
-  </div>
-
-
-
-
-  
-  
-
-<div class="absolute bottom-0 right-0">
-  <span class="text-[clamp(0.6rem,5vw,1rem)] font-black overflow-x-auto mt-1 ml-0.75 text-blue-600 p-0.75 bg-white">qivip
-  </span>
-  </div>
-
-  </body>
-</html>

core/components/templates/components/ranking.html

@@ -1,63 +0,0 @@
-{% load static %}
-<link rel="stylesheet" href="{% static 'homepage/t-style.css' %}">
-<!doctype html>
-<html class="h-full">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  </head>
-  <body class="  dark:bg-gray-900 w-full justify-center h-full m-0">
-    <div style="height: calc(10vh);"  class=" m-0 text-white  bg-blue-600 rounded-lg  h-12 shadow-md  font-semibold px-1  w-full h-20 shadow-[0_2px_2px_rgba(0,0,0,0.1)] break-words text-center flex items-center justify-center overflow-x-auto text-[clamp(0.75rem,5vw,1.5rem)]" >Ranking 
-    </div>
-    <div class="m-4 flex justify-end font-bold">Frage 1/10</div>
-
-
-      
-   
-
-  
-
-    <div class="text-[clamp(0.75rem,5vw,1.25rem)] font-bold  flex items-center justify-around   border-blue-600  border-4 space-x-2  mt-2  overflow-x-auto  rounded-lg p-4 shadow-[0_2px_2px_rgba(0,0,0,0.1)] w-full">
-      <div style="background:linear-gradient(120deg, rgb(255, 208, 0),rgb(216, 151, 21))"  class="text-white !important px-4 rounded-sm">1. Platz</div>
-      <div class="text-stone-900   ">6000 Punkte</div>
-      <div class="">Person XY</div>
-      </div>
-
-    <div class=" text-[clamp(0.75rem,5vw,1.25rem)] font-bold p-4 flex items-center justify-around   border-blue-600  border-4 space-x-2  mt-2  overflow-x-auto  rounded-lg  shadow-[0_2px_2px_rgba(0,0,0,0.1)] w-full">
-        <div style="background:linear-gradient(120deg, rgb(102, 122, 122),rgb(194, 186, 186))" class="text-white !important  px-4 rounded-sm">2. Platz</div>
-        <div class="text-stone-900   ">5000 Punkte</div>
-        <div class="">Person XY</div>
-        </div>
-
-    <div class=" text-[clamp(0.75rem,5vw,1.25rem)] font-bold  flex items-center justify-around   border-blue-600  border-4 space-x-2  mt-2  overflow-x-auto  rounded-lg p-4 shadow-[0_2px_2px_rgba(0,0,0,0.1)] w-full">
-    <div style="background:linear-gradient(120deg, rgb(211, 91, 17),rgb(219, 168, 109))"  class="text-white !important  px-4 rounded-sm">3. Platz</div>
-    <div class="text-stone-900   ">600 Punkte</div>
-    <div class="">Person XY</div>
-    </div>
-      
-    <div class=" text-[clamp(0.75rem,5vw,1.25rem)] items-center flex justify-around font-bold  border-blue-600   border-4 space-x-2  mt-2 text-[clamp(0.6rem,5vw,1rem)] overflow-x-auto rounded-lg p-4 shadow-[0_2px_2px_rgba(0,0,0,0.1)] w-full">
-    <div>4. Platz</div>
-    <div>200 Punkte</div>
-    <div>Person XY</div>
-    </div>
-
-
-
-
- 
-
-
-
-  
-
-
-  
-  
-
-<div class="absolute bottom-0 right-0">
-  <span class="text-[clamp(0.6rem,5vw,1rem)] font-black overflow-x-auto mt-1 ml-0.75 text-blue-600 p-0.75 bg-white">qivip
-  </span>
-  </div>
-
-  </body>
-</html>

core/components/urls.py

@@ -1,14 +0,0 @@
-from django.urls import path # type: ignore
-from . import views
-
-
-app_name = 'components' # Namensraum zum verhindern von Konflikten zwischen Apps
-#
-# Wichtig: Damit Links funktionieren müssen diese so eingebunden werden: {% url 'accounts:login' %} statt {% url 'login' %}
-#
-
-urlpatterns = [
-    path('<int:pk>', views.play, name='play'),
-    path('ranking/<int:pk>', views.show_rank, name='ranking')
-  
-]

core/components/views.py

@@ -1,9 +0,0 @@
-from django.shortcuts import render
-
-# Create your views here.
-def play(request,pk):     #
-    return render(request, 'components/answer.html', {"pk": pk}) #
-
-
-def show_rank(request,pk):     #
-    return render(request, 'components/ranking.html', {"pk": pk}) #

core/core/asgi.py

@@ -1,16 +0,0 @@
-"""
-ASGI config for core project.
-
-It exposes the ASGI callable as a module-level variable named ``application``.
-
-For more information on this file, see
-https://docs.djangoproject.com/en/5.1/howto/deployment/asgi/
-"""
-
-import os
-
-from django.core.asgi import get_asgi_application
-
-os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'core.settings')
-
-application = get_asgi_application()

core/homepage/admin.py

@@ -1,3 +0,0 @@
-from django.contrib import admin
-
-# Register your models here.

core/homepage/models.py

@@ -1,3 +0,0 @@
-from django.db import models
-
-# Create your models here.

core/homepage/static/homepage/t-input.css

@@ -1,49 +0,0 @@
-@import 'tailwindcss';
-
-nav div ul.qp-nav-list li {
-    @apply text-white hover:scale-110 hover:border-b-2 hover:border-white transition duration-200;
-}
-
-a.qp-a-button {
-    @apply p-6 rounded-md font-extrabold hover:scale-105 transition duration-300 shadow-md;
-}
-a.qp-a-button-small {
-    @apply p-1 rounded-md hover:scale-105 transition duration-300 shadow-md;
-}
-.register input{@apply p-3 rounded-full bg-gray-200 focus:scale-105 transition duration-200 font-black w-full;}
-
-.input-group {
-    @apply flex flex-col gap-4 max-w-md mx-auto p-6 bg-white rounded-xl shadow-lg;
-}
-
-.input-group form {
-    @apply flex flex-col gap-4;
-}
-
-.input-group form p {
-    @apply flex flex-col gap-2;
-}
-
-.input-group form p label {
-    @apply text-gray-900 font-semibold text-sm;
-}
-
-.input-group form p input {
-    @apply p-3 rounded-full bg-gray-200 focus:scale-105 transition duration-200 font-black 
-    focus:outline-none focus:ring-2 focus:ring-blue-400 focus:bg-blue-100;
-}
-
-.input-group form p select {
-    @apply p-3 rounded-md bg-gray-200 focus:scale-105 transition duration-200 font-black
-    focus:outline-none focus:ring-2 focus:ring-blue-400 focus:bg-blue-100;
-}
-
-.input-group form p textarea {
-    @apply p-3 rounded-xl bg-gray-200 focus:scale-105 transition duration-200 font-black
-    focus:outline-none focus:ring-2 focus:ring-blue-400 focus:bg-blue-100 min-h-[100px];
-}
-
-.input-group form p button {
-    @apply p-3 rounded-full bg-indigo-500 hover:bg-indigo-600 text-white focus:scale-105 
-    transition duration-200 font-black shadow-md hover:shadow-lg;
-}

core/homepage/templates/homepage/base.html

@@ -1,16 +0,0 @@
-{% load static %}
-<!DOCTYPE html>
-<html lang="de">
-<head>
-    <link rel="icon" type="image/png" href="{% static 'icons/favicon.png' %}">
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="{% static 'homepage/t-style.css' %}">
-    <title>qivip</title>
-</head>
-<body>
-    {% include 'homepage/partials/_nav.html' %}
-    {% block content%}{% endblock %}
-    {% include 'homepage/partials/_footer.html' %}
-</body>
-</html>

core/homepage/templates/homepage/home.html

@@ -1,15 +0,0 @@
-{% extends 'homepage/base.html' %}
-
-{% block content %}
-<div class="grid place-content-center md:h-screen h-150 w-full -z-50 top-0 p-4">
-    <div class="text-center">
-        <h2 class="font-bold md:text-8xl text-6xl md:mb-8 text-blue-600">qivip</h2>
-        <h3 class="italic font-extralight sm:text-2xl text-md">Interaktives Lernen neu definiert.</h3>
-    </div>
-    <div class="grid sm:grid-cols-3 place-items-stretch text-center mt-8 gap-4 p-4 border-3 bg-blue-100 border-blue-100 rounded-md">
-        <a class="qp-a-button bg-green-500 text-white" href="#">Teilnehmen</a>
-        <a class="qp-a-button bg-indigo-500 text-white" href="#">Moderieren</a>
-        <a class="qp-a-button bg-purple-500 text-white" href="#">Verwalten</a>
-    </div>
-</div>
-{% endblock %}

core/homepage/templates/homepage/impress.html

@@ -1,34 +0,0 @@
-{% load static %}
-<!DOCTYPE html>
-<html lang="de">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Impressum</title>
-    <link rel="icon" type="image/png" href="{% static 'icons/favicon.png' %}">
-    <link rel="stylesheet" href="{% static 'homepage/t-style.css' %}">
-</head>
-<body>
-    {% include 'homepage/partials/_nav.html' %}
-    <div class="max-w-screen-lg mx-auto">
-        {% block content%}{% endblock %}
-    </div>
-    <div>
-        <div>
-            <h1>Impressum</h1>
-        </div>
-        <div>
-            <dvi>
-                <p>
-                    Katharineum zu Lübeck
-                </p>
-                <p>
-                    Königsstraße 27-31
-                </p>
-                <p>
-                    23552 Lübeck
-                </p>
-    </div>
-    {% include 'homepage/partials/_footer.html' %}
-</body>
-</html>

core/homepage/templates/homepage/partials/_footer.html

@@ -1,7 +0,0 @@
-<div class="grid place-content-center gap-2 w-full mt-4">
-    <div class="flex space-x-2 pb-4">
-        <p class="text-sm font-extralight"><a href="/impress">Impressum</a></p>
-        <p class="text-sm font-extralight"><a href="/privacy">Datenschutz</a></p>
-        <p class="text-sm font-extralight"><a href="https://edugit.org/enrichment-2024/qivip">Repository</a></p>
-    </div>
-</div>

core/homepage/templates/homepage/partials/_nav.html

@@ -1,15 +0,0 @@
-<nav class="flex justify-between bg-blue-600 h-12 px-4 sm:px-6 lg:px-8 rounded-lg m-2 shadow-md">
-    <div class="flex items-center">
-        <h2 class="text-xl font-bold text-white hover:scale-110 transition duration-200"><a href="{% url 'homepage:home' %}">qivip</a></h2>
-    </div>
-    <div class="flex items-center">
-        <ul class="flex space-x-4 qp-nav-list">
-            <li><a href="{% url 'library:overview_quiz' %}">Bibliothek</a></li>
-            {% if user.is_authenticated %}
-            <li><a href="{% url 'accounts:home' %}">Konto</a></li>
-            {% else %}
-            <li><a href="{% url 'accounts:login' %}">Anmelden</a></li>
-            {% endif %}
-        </ul>
-    </div>
-</nav>

core/homepage/templates/homepage/privacy.html

@@ -1,23 +0,0 @@
-{% load static %}
-<!DOCTYPE html>
-<html lang="de">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Impressum</title>
-    <link rel="icon" type="image/png" href="{% static 'icons/favicon.png' %}">
-    <link rel="stylesheet" href="{% static 'homepage/t-style.css' %}">
-</head>
-<body>
-    {% include 'homepage/partials/_nav.html' %}
-    <div class="max-w-screen-lg mx-auto">
-        {% block content%}{% endblock %}
-        <div>
-            <p>
-                Hallo, ich bin die Datenschutzerklärung!
-            </p>
-        </div>
-    </div>
-    {% include 'homepage/partials/_footer.html' %}
-</body>
-</html>

core/homepage/views.py

@@ -1,9 +0,0 @@
-from django.shortcuts import render, redirect
-
-def home(request):
-    return render(request, 'homepage/home.html')
-
-def impress(request):
-    return render(request, 'homepage/impress.html')
-def privacy(request):
-    return render(request, 'homepage/privacy.html')

core/library/admin.py

@@ -1,31 +0,0 @@
-from django.contrib import admin
-from .models import QivipQuiz, QivipQuestion, QuizCategory, Tag
-
-# Für das QivipQuiz Modell
-class QivipQuizAdmin(admin.ModelAdmin):
-    list_display = ('name', 'user_id', 'status', 'category', 'creation_date', 'update_date')  # Welche Felder sollen in der Übersicht angezeigt werden
-    search_fields = ('name', 'user_id__username', 'category__name')  # Suchfelder
-    list_filter = ('status', 'category')  # Filteroptionen
-
-# Für das QivipQuestion Modell
-class QivipQuestionAdmin(admin.ModelAdmin):
-    list_display = ('quiz_id', 'data', 'creation_date', 'update_date')
-    search_fields = ('data',)
-    list_filter = ('quiz_id',)
-
-# Für das QuizCategory Modell
-class QuizCategoryAdmin(admin.ModelAdmin):
-    list_display = ('name', 'slug', 'description')  # Zeige Name, Slug und Beschreibung an
-    search_fields = ('name',)
-    prepopulated_fields = {'slug': ('name',)}  # Erstelle automatisch den Slug basierend auf dem Namen
-
-# Für das Tag Modell
-class TagAdmin(admin.ModelAdmin):
-    list_display = ('name',)  # Zeige nur den Namen des Tags
-    search_fields = ('name',)
-
-# Registrierung der Modelle im Admin
-admin.site.register(QivipQuiz, QivipQuizAdmin)
-admin.site.register(QivipQuestion, QivipQuestionAdmin)
-admin.site.register(QuizCategory, QuizCategoryAdmin)
-admin.site.register(Tag, TagAdmin)

core/library/forms.py

@@ -1,12 +0,0 @@
-from django import forms
-from .models import QivipQuiz, QivipQuestion
-
-class QuizForm(forms.ModelForm):
-    class Meta:
-        model = QivipQuiz
-        fields = ['name', 'description', 'status', 'category', 'tags',"difficulty"]
-
-class QuestionForm(forms.ModelForm):
-    class Meta:
-        model = QivipQuestion
-        fields = ['quiz_id', 'data']

core/library/models.py

@@ -1,65 +0,0 @@
-from django.db import models
-from django.contrib.auth.models import User
-from django.utils.text import slugify
-import uuid
-
-class QivipQuiz(models.Model):
-    STATUS_VALUES = {
-        "public": "Öffentlich",
-        "hidden": "Versteckt",
-        "private": "Privat",
-    }
-    DIFFICULTY_VALUES = {
-        "1": "1",
-        "2": "2",
-        "3": "3",
-        "4": "4",
-        "5": "5",
-        "not defined":"nicht gesetzt",
-
-    }
-
-    uuid = models.UUIDField(default=uuid.uuid4, editable=False, unique=True)
-    user_id = models.ForeignKey(User, on_delete=models.CASCADE, related_name='quiz')
-    creation_date = models.DateTimeField(auto_now_add=True)
-    update_date = models.DateTimeField(auto_now=True)
-    status = models.CharField(max_length=10, choices=list(STATUS_VALUES.items()), default="public")
-    category = models.ForeignKey('QuizCategory', related_name='quiz', on_delete=models.CASCADE)
-    tags = models.ManyToManyField('Tag', blank=True)
-    name = models.CharField(max_length=255)
-    description = models.TextField(blank=True, null=True, default="In dem Quiz geht es um ...")
-    difficulty= models.CharField(max_length=11, choices=list(DIFFICULTY_VALUES.items()), default="not defined", help_text="1: niedrigste Schwierigkeit und 5: höchste Schwierigkeit")
-
-    def __str__(self):
-        return self.name
-
-
-# Create your models here.
-class QivipQuestion(models.Model):
-    uuid = models.UUIDField(default=uuid.uuid4, editable=False, unique=True)
-    quiz_id = models.ForeignKey(QivipQuiz, on_delete=models.CASCADE, related_name='question')
-    creation_date = models.DateTimeField(auto_now_add=True)
-    update_date = models.DateTimeField(auto_now=True)
-    data = models.TextField()
-
-    def __str__(self):
-        return self.data[:50]
-
-class Tag(models.Model):
-    name = models.CharField(max_length=100, unique=True)
-
-    def __str__(self):
-        return self.name
-
-class QuizCategory(models.Model):
-    name = models.CharField(max_length=100, unique=True)
-    description = models.TextField(blank=True, null=True)
-    slug = models.SlugField(unique=True, blank=True)
-
-    def save(self, *args, **kwargs):
-        if not self.slug:
-            self.slug = slugify(self.name)
-        super().save(*args, **kwargs)
-
-    def __str__(self):
-        return self.name

core/library/templates/library/base.html

@@ -1,17 +0,0 @@
-{% load static %}
-<!DOCTYPE html>
-<html lang="de">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="{% static 'homepage/t-style.css' %}">
-    <title>qivip</title>
-</head>
-<body>
-    {% include 'homepage/partials/_nav.html' %}
-    <div class="max-w-screen-lg mx-auto">
-        {% block content%}{% endblock %}
-    </div>
-    {% include 'homepage/partials/_footer.html' %}
-</body>
-</html>

core/library/templates/library/delete_confirmation.html

@@ -1,11 +0,0 @@
-{% extends 'library/base.html' %}
-
-{% block content %}
-<h1>Löschen</h1>
-<p>Soll das Quiz "{{ object.name }}" wirklich gelöscht werden?</p>
-<form method="post">
-    {% csrf_token %}
-    <button type="submit">Löschen</button>
-    <a href="{% url 'library:overview_quiz' %}">Abbrechen</a>
-</form>
-{% endblock %}

core/library/templates/library/detail_quiz.html

@@ -1,19 +0,0 @@
-{% extends 'library/base.html' %}
-
-{% block content %}
-<h1>{{ quiz.name }}</h1>
-<p>{{ quiz.description }}</p>
-<a href="{% url 'library:edit_quiz' quiz.id %}">Bearbeiten</a>
-<a href="{% url 'library:delete_quiz' quiz.id %}">Löschen</a>
-
-<h2>Fragen</h2>
-<ul>
-    <a href="{% url 'library:new_question' %}">Neue Frage erstellen</a>
-    {% for question in questions %}
-    <li>{{ question.data }}</li>
-    <a href="{% url 'library:edit_question' question.id %}">Bearbeiten</a>
-    <a href="{% url 'library:delete_question' question.id %}">Löschen</a>
-    {% endfor %}
-</ul>
-
-{% endblock %}

core/library/templates/library/form.html

@@ -1,13 +0,0 @@
-{% extends 'library/base.html' %}
-
-{% block content %}
-<h1>Formular</h1>
-<h2>{{ form.name.value }}</h2>
-<div class="input-group">
-    <form method="post">
-        {% csrf_token %}
-        {{ form.as_p }}
-        <button type="submit">Speichern</button>
-    </form>
-</div>
-{% endblock %}

core/library/templates/library/overview_quiz.html

@@ -1,19 +0,0 @@
-{% extends 'library/base.html' %}
-
-{% block content %}
-<h1>Übersicht</h1>
-<div class="flex justify-end">
-    <a href="{% url 'library:new_quiz' %}" class="bg-blue-500 text-white px-4 py-2 rounded-md">Neues Quiz erstellen</a>
-</div>
-<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-    {% for quiz in quizzes %}
-    <div class="bg-white rounded-lg p-4 shadow-md">
-        <h2 class="text-lg font-bold"><a href="{% url 'library:detail_quiz' quiz.id %}">{{ quiz.name }}</a></h2>
-        <p class="text-sm text-gray-600 my-8">{{ quiz.description }}</p>
-        <a href="#"class="qp-a-button-small bg-green-500">Spiel starten</a>
-        <button><a href="{% url 'library:edit_quiz' quiz.id %}"class="qp-a-button-small bg-indigo-500">Bearbeiten</a></button>
-        <a href="{% url 'library:delete_quiz' quiz.id %}" class="qp-a-button-small bg-purple-500">Löschen</a>
-    </div>
-    {% endfor %}
-</div>
-{% endblock %}

core/library/views.py

@@ -1,99 +0,0 @@
-from django.shortcuts import render, redirect, get_object_or_404
-from django.contrib.auth.decorators import login_required
-from django.contrib.auth.models import User
-from .models import QivipQuiz, QivipQuestion
-from .forms import QuizForm, QuestionForm
-
-# Übersicht aller Quizze
-@login_required
-def overview_quiz(request):
-    quizzes = QivipQuiz.objects.filter(user_id=request.user)
-    return render(request, 'library/overview_quiz.html', {'quizzes': quizzes})
-
-# Neues Quiz erstellen
-@login_required
-def new_quiz(request):
-    if request.method == 'POST':
-        form = QuizForm(request.POST)
-        if form.is_valid():
-            quiz = form.save(commit=False)
-            quiz.user_id = request.user
-            quiz.save()
-            form.save_m2m()  # Speichert die Many-to-Many Beziehungen (Tags)
-            return redirect('library:edit_quiz', pk=quiz.pk)
-    else:
-        form = QuizForm()
-    return render(request, 'library/form.html', {'form': form})
-
-# Quiz bearbeiten
-@login_required
-def edit_quiz(request, pk):
-    quiz = get_object_or_404(QivipQuiz, pk=pk, user_id=request.user)
-    if request.method == 'POST':
-        form = QuizForm(request.POST, instance=quiz)
-        if form.is_valid():
-            form.save()
-            return redirect('library:overview_quiz')
-    else:
-        form = QuizForm(instance=quiz)
-    return render(request, 'library/form.html', {'form': form})
-
-# Quiz löschen
-@login_required
-def delete_quiz(request, pk):
-    quiz = get_object_or_404(QivipQuiz, pk=pk, user_id=request.user)
-    if request.method == 'POST':
-        quiz.delete()
-        return redirect('library:overview_quiz')
-    return render(request, 'library/delete_confirmation.html', {'object': quiz})
-
-# Quiz anzeigen
-@login_required
-def detail_quiz(request, pk):
-    quiz = get_object_or_404(QivipQuiz, pk=pk, user_id=request.user)
-    questions = QivipQuestion.objects.filter(quiz_id=quiz)
-    return render(request, 'library/detail_quiz.html', {'quiz': quiz, 'questions': questions})
-
-# Übersicht aller Fragen
-@login_required
-def question_list(request):
-    questions = QivipQuestion.objects.filter(quiz_id__user_id=request.user)
-    return render(request, 'library/question_list.html', {'questions': questions})
-
-# Neue Frage erstellen
-@login_required 
-def new_question(request):
-    if request.method == 'POST':
-        form = QuestionForm(request.POST)
-        if form.is_valid():
-            question = form.save(commit=False)
-            # Prüfe ob der User Zugriff auf das Quiz hat
-            if question.quiz_id.user_id != request.user:
-                return redirect('library:question_list')
-            question.save()
-            return redirect('library:edit_question', pk=question.pk)
-    else:
-        form = QuestionForm()
-    return render(request, 'library/form.html', {'form': form})
-
-# Frage bearbeiten
-@login_required
-def edit_question(request, pk):
-    question = get_object_or_404(QivipQuestion, pk=pk, quiz_id__user_id=request.user)
-    if request.method == 'POST':
-        form = QuestionForm(request.POST, instance=question)
-        if form.is_valid():
-            form.save()
-            return redirect('library:edit_question', pk=pk)
-    else:
-        form = QuestionForm(instance=question)
-    return render(request, 'library/form.html', {'form': form})
-
-# Frage löschen
-@login_required
-def delete_question(request, pk):
-    question = get_object_or_404(QivipQuestion, pk=pk, quiz_id__user_id=request.user)
-    if request.method == 'POST':
-        question.delete()
-        return redirect('library:detail_quiz', pk=question.quiz_id.pk)
-    return render(request, 'library/delete_confirmation.html', {'object': question})

datenschutzerklaerung.txt

@@ -0,0 +1,7 @@
+Name und Anschrift des Verantwortlichen
+
+//NAME HIER EINSETZEN//
+
+//ADRESSE HIER EINSETZEN//
+
+//E-MAIL HIER EINSETZEN//

django/THIRD_PARTY_LICENSES_PYTHON.md

@@ -0,0 +1,44 @@
+| Name               | Version      | License                                                 |
+|--------------------|--------------|---------------------------------------------------------|
+| Automat            | 25.4.16      | MIT License                                             |
+| Django             | 5.1.13       | BSD License                                             |
+| Twisted            | 25.5.0       | MIT License                                             |
+| asgiref            | 3.10.0       | BSD License                                             |
+| attrs              | 25.4.0       | UNKNOWN                                                 |
+| autobahn           | 25.10.1      | UNKNOWN                                                 |
+| certifi            | 2025.10.5    | Mozilla Public License 2.0 (MPL 2.0)                    |
+| cffi               | 2.0.0        | UNKNOWN                                                 |
+| channels           | 4.2.2        | BSD License                                             |
+| channels_redis     | 4.3.0        | BSD                                                     |
+| chardet            | 5.2.0        | GNU Lesser General Public License v2 or later (LGPLv2+) |
+| charset-normalizer | 3.4.4        | MIT                                                     |
+| colorama           | 0.4.6        | BSD License                                             |
+| constantly         | 23.10.4      | MIT License                                             |
+| cryptography       | 46.0.3       | UNKNOWN                                                 |
+| daphne             | 4.1.2        | BSD License                                             |
+| django-cleanup     | 9.0.0        | MIT License                                             |
+| geographiclib      | 2.1          | MIT                                                     |
+| geopy              | 2.4.1        | MIT License                                             |
+| hyperlink          | 21.0.0       | MIT License                                             |
+| idna               | 3.11         | UNKNOWN                                                 |
+| incremental        | 24.7.2       | MIT License                                             |
+| msgpack            | 1.1.2        | UNKNOWN                                                 |
+| pillow             | 11.1.0       | CMU License (MIT-CMU)                                   |
+| pyOpenSSL          | 25.3.0       | Apache Software License                                 |
+| pyasn1             | 0.6.1        | BSD License                                             |
+| pyasn1_modules     | 0.4.2        | BSD License                                             |
+| pycparser          | 2.23         | BSD License                                             |
+| pypng              | 0.20220715.0 | MIT License                                             |
+| python-dotenv      | 1.1.1        | BSD License                                             |
+| qrcode             | 7.4.2        | BSD License                                             |
+| redis              | 6.4.0        | MIT License                                             |
+| reportlab          | 4.2.5        | BSD License                                             |
+| requests           | 2.32.5       | Apache Software License                                 |
+| service-identity   | 24.2.0       | MIT License                                             |
+| sqlparse           | 0.5.3        | BSD License                                             |
+| txaio              | 25.9.2       | UNKNOWN                                                 |
+| typing_extensions  | 4.15.0       | UNKNOWN                                                 |
+| tzdata             | 2025.2       | Apache Software License                                 |
+| urllib3            | 2.5.0        | UNKNOWN                                                 |
+| whitenoise         | 6.6.0        | MIT License                                             |
+| zope.interface     | 8.0.1        | Zope Public License                                     |

django/accounts/forms.py

@@ -6,11 +6,15 @@ from django import forms
 class RegisterForm(UserCreationForm):
     class Meta:
         model=User
-        fields = ['username','password1','password2']
+        fields = ['username','password1','password2', "email"]
         
     username = forms.CharField(
         widget=forms.TextInput(attrs={'placeholder': 'BENUTZERNAME'})
     )
+    email = forms.EmailField(
+        widget=forms.TextInput(attrs={'placeholder': 'E-MAIL'})
+    )
+
     password1 = forms.CharField(
         widget=forms.PasswordInput(attrs={'placeholder': 'PASSWORT'})
     )
@@ -19,4 +23,3 @@ class RegisterForm(UserCreationForm):
     )
 
 
-

django/accounts/urls.py

@@ -0,0 +1,35 @@
+from django.urls import path, reverse_lazy # type: ignore
+from . import views
+from django.contrib.auth.views import LogoutView
+from django.contrib.auth.views import LoginView 
+from django.contrib.auth import views as auth_views
+
+app_name = 'accounts' # Namensraum zum verhindern von Konflikten zwischen Apps
+#
+# Wichtig: Damit Links funktionieren müssen diese so eingebunden werden: {% url 'accounts:login' %} statt {% url 'login' %}
+#
+
+urlpatterns = [
+    path('', views.home, name='home'),
+    path('logout/', LogoutView.as_view(next_page='accounts:login'), name='logout'),
+    path('login/', LoginView.as_view(template_name='accounts/login.html', next_page='accounts:home'), name='login'),
+    path('register/', views.register, name='register'),
+    path('password_reset/', auth_views.PasswordResetView.as_view(success_url=reverse_lazy('accounts:password_reset_done')), name='password_reset'),
+    path('password_reset/done/', auth_views.PasswordResetDoneView.as_view(), name='password_reset_done'),
+    path('reset/done/', auth_views.PasswordResetCompleteView.as_view(), name='password_reset_complete'),
+    
+
+
+    path('password_change/', views.password_changed, name='password_change'),
+    path('password_change/done/', auth_views.PasswordChangeDoneView.as_view(), name='password_change_done'),
+    path('delete_account/', views.deleteAccount, name="delete_account"),
+    path(
+    'reset/<uidb64>/<token>/',
+    auth_views.PasswordResetConfirmView.as_view(
+        template_name='registration/password_reset_confirm.html',
+        success_url=reverse_lazy('accounts:password_reset_complete') 
+    ),
+    name='password_reset_confirm'
+),
+   
+]

django/accounts/views.py

@@ -0,0 +1,65 @@
+from django.shortcuts import render, redirect
+from django.contrib.auth.decorators import login_required
+from django.contrib.auth import login, authenticate
+from .forms import RegisterForm
+from django.contrib.auth.forms import PasswordChangeForm
+from django.contrib.auth import update_session_auth_hash
+from django.contrib import messages
+from django.contrib.auth import logout
+from library.models import QivipQuiz, QivipQuestion
+
+
+# Create your views here.
+@login_required
+def home(request):
+    my_quizzes_number=QivipQuiz.objects.filter(user_id=request.user).count()
+    my_questions_number = QivipQuestion.objects.filter(quiz_id__user_id=request.user).count()
+    context = {
+        'my_quizzes_number': my_quizzes_number,
+        'my_questions_number': my_questions_number,
+    }
+    return render(request, 'accounts/home.html', context=context)
+
+
+
+def register(response):
+    if response.method == "POST":
+        form = RegisterForm(response.POST)
+        if form.is_valid():
+            user=form.save()
+            login(response, user) #automatischer Login nach Registrierung 
+            return redirect("accounts:home")
+    else:
+        form = RegisterForm()
+
+    return render(response, "accounts/register.html", {"form":form})
+
+from django.contrib.auth import views as auth_views
+
+@login_required
+def password_changed(request):
+    if request.method == 'POST':
+        form = PasswordChangeForm(user=request.user, data=request.POST)
+        if form.is_valid():
+            user = form.save()
+            #update_session_auth_hash(request, user) #Hier wäre der User nach Passwortänderung noch angemeldet!
+            logout(request)
+            messages.success(request, "Das Passwort wurde erfolgreich geändert!")
+            return redirect('accounts:home')
+            
+    else:
+        form = PasswordChangeForm(user=request.user)
+    
+    return render(request, 'registration/password_change_form.html', {'form': form})
+
+
+@login_required
+def deleteAccount(request):
+    if request.method == 'POST':
+        user=request.user
+        logout(request)
+        user.delete()
+        messages.success(request, "Der Account wurde erfolgreich gelöscht!")
+        return redirect('homepage:home')
+    return render(request, 'registration/delete_account_confirm.html')
+

django/config/qivip_config.json

@@ -0,0 +1,3 @@
+{
+  "ENABLE_RATING_SYSTEM": true
+}

django/core/asgi.py

@@ -0,0 +1,28 @@
+"""
+ASGI config for core project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.1/howto/deployment/asgi/
+"""
+
+import os
+from django.core.asgi import get_asgi_application
+from channels.routing import ProtocolTypeRouter, URLRouter
+from channels.auth import AuthMiddlewareStack
+import django
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'core.settings')
+django.setup()
+
+from play.routing import websocket_urlpatterns
+
+application = ProtocolTypeRouter({
+    'http': get_asgi_application(),
+    'websocket': AuthMiddlewareStack(
+        URLRouter(
+            websocket_urlpatterns
+        )
+    ),
+})

django/core/settings.py

@@ -10,41 +10,58 @@ For the full list of settings and their values, see
 https://docs.djangoproject.com/en/5.1/ref/settings/
 """
 
+import json, os
 from pathlib import Path
+from dotenv import load_dotenv
 
 # Build paths inside the project like this: BASE_DIR / 'subdir'.
 BASE_DIR = Path(__file__).resolve().parent.parent
 
+EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend' #TODO: NUR FÜR ENTWICKLUNG
 
 # Quick-start development settings - unsuitable for production
 # See https://docs.djangoproject.com/en/5.1/howto/deployment/checklist/
 
+# Support env variables from .env file if defined
+env_path = load_dotenv(os.path.join(BASE_DIR, '.env'))
+load_dotenv(env_path)
+
 # SECURITY WARNING: keep the secret key used in production secret!
-SECRET_KEY = 'django-insecure-#+s307$rxkts=8@+_^i)8)n1b4*y4za1xz!mvv(h@!+n9!mp9)'
+#SECRET_KEY = 'django-insecure-#+s307$rxkts=8@+_^i)8)n1b4*y4za1xz!mvv(h@!+n9!mp9)'
+SECRET_KEY = os.environ.get('DJANGO_SECRET_KEY', 'django-insecure-&psk#na5l=p3q8_a+-$4w1f^lt3lx1c@d*p4x$ymm_rn7pwb87')
 
 # SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
+#DEBUG = False
+#DEBUG = os.environ.get('DJANGO_DEBUG', '') != 'False'
 
 ALLOWED_HOSTS = ['127.0.0.1', 'localhost', '*']
 
+# Konfigurationsdatei für Projekt
+with open(BASE_DIR / 'config' / 'qivip_config.json') as config_file:
+    QIVIP_CONFIG = json.load(config_file)
 
 # Application definition
 
 INSTALLED_APPS = [
     'library.apps.LibraryConfig',
     'homepage.apps.HomepageConfig',
-    'components.apps.ComponentsConfig',
     'accounts.apps.AccountsConfig',
+    'play',
     'django.contrib.admin',
     'django.contrib.auth',
     'django.contrib.contenttypes',
     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
+    'channels',
+    'django_cleanup',
+    'django.contrib.humanize',
 ]
 
 MIDDLEWARE = [
     'django.middleware.security.SecurityMiddleware',
+    'whitenoise.middleware.WhiteNoiseMiddleware',
     'django.contrib.sessions.middleware.SessionMiddleware',
     'django.middleware.common.CommonMiddleware',
     'django.middleware.csrf.CsrfViewMiddleware',
@@ -58,7 +75,7 @@ ROOT_URLCONF = 'core.urls'
 TEMPLATES = [
     {
         'BACKEND': 'django.template.backends.django.DjangoTemplates',
-        'DIRS': [],
+        'DIRS': [BASE_DIR / 'templates'],
         'APP_DIRS': True,
         'OPTIONS': {
             'context_processors': [
@@ -72,6 +89,17 @@ TEMPLATES = [
 ]
 
 WSGI_APPLICATION = 'core.wsgi.application'
+ASGI_APPLICATION = 'core.asgi.application'
+
+CHANNEL_LAYERS = {
+    "default": {
+        "BACKEND": "channels_redis.core.RedisChannelLayer",
+        "CONFIG": {
+            "hosts": [("127.0.0.1", 6380)],
+        },
+    },
+}
+
 
 
 # Database
@@ -84,6 +112,15 @@ DATABASES = {
     }
 }
 
+STORAGES = {
+    "staticfiles": {
+        "BACKEND": "whitenoise.storage.CompressedManifestStaticFilesStorage",
+    },
+    "default": {
+        "BACKEND": "django.core.files.storage.FileSystemStorage",
+    },
+}
+
 
 # Password validation
 # https://docs.djangoproject.com/en/5.1/ref/settings/#auth-password-validators
@@ -120,7 +157,14 @@ USE_TZ = True
 # https://docs.djangoproject.com/en/5.1/howto/static-files/
 
 STATIC_URL = '/static/'
-BASE_DIR='static'  #von ben8 hinzugefügt
+STATIC_ROOT = BASE_DIR / "staticfiles"
+STATICFILES_DIRS = [BASE_DIR / 'static']
+
+# WhiteNoise configuration
+STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'
+WHITENOISE_SKIP_COMPRESS_EXTENSIONS = ['css', 'js']
+# Return 404 instead of 500 for missing files
+WHITENOISE_MISSING_FILE_ERRNO = None
 
 # Default primary key field type
 # https://docs.djangoproject.com/en/5.1/ref/settings/#default-auto-field
@@ -128,3 +172,17 @@ BASE_DIR='static'  #von ben8 hinzugefügt
 DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
 
 LOGIN_URL = '/account/login/'
+import os
+
+MEDIA_URL = '/media/'  # URL, um auf Medien-Dateien zuzugreifen
+MEDIA_ROOT = os.path.join(BASE_DIR, 'media')  # Speicherort für hochgeladene Dateien
+
+# Email Settings
+EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
+EMAIL_HOST = 'postoffice.katharineum.de'
+EMAIL_PORT = 587 # 25
+EMAIL_USE_TLS = True
+EMAIL_HOST_USER = 'qivip-mail@katharineum.de'
+EMAIL_HOST_PASSWORD = '<password>'
+EMAIL_USE_SSL = False
+DEFAULT_FROM_EMAIL = 'qivip-mail@katharineum.de'

django/core/urls.py

@@ -14,6 +14,8 @@ Including another URLconf
     1. Import the include() function: from django.urls import include, path
     2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
 """
+from django.conf.urls.static import static
+from django.conf import settings
 from django.contrib import admin # type: ignore
 from django.urls import path, include
 
@@ -21,6 +23,9 @@ urlpatterns = [
     path('admin/', admin.site.urls),
     path('account/', include('accounts.urls')),
     path('', include('homepage.urls')),
-    path('play/', include('components.urls')),
+    path('play/', include('play.urls')),
     path('library/', include('library.urls')),
 ]
+
+if settings.DEBUG:
+    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

django/homepage/admin.py

@@ -0,0 +1,8 @@
+from django.contrib import admin
+from .models import QivipFaq
+# Register your models here.
+class QivipFaqAdmin(admin.ModelAdmin):
+     list_display = ('question','answer',)  
+
+# Registrierung der Modelle im Admin
+admin.site.register(QivipFaq, QivipFaqAdmin)

django/homepage/migrations/0001_initial.py

@@ -0,0 +1,22 @@
+# Generated by Django 5.1.7 on 2025-06-01 17:16
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='QivipFAQs',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('question', models.CharField(max_length=200)),
+                ('answer', models.CharField(max_length=1000)),
+            ],
+        ),
+    ]

django/homepage/migrations/0002_rename_qivipfaqs_qivipfaq.py

@@ -0,0 +1,17 @@
+# Generated by Django 5.1.7 on 2025-06-01 17:30
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('homepage', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.RenameModel(
+            old_name='QivipFAQs',
+            new_name='QivipFaq',
+        ),
+    ]

django/homepage/migrations/0003_alter_qivipfaq_answer_alter_qivipfaq_question.py

@@ -0,0 +1,23 @@
+# Generated by Django 5.1.7 on 2025-06-01 17:31
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('homepage', '0002_rename_qivipfaqs_qivipfaq'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='qivipfaq',
+            name='answer',
+            field=models.TextField(max_length=1000),
+        ),
+        migrations.AlterField(
+            model_name='qivipfaq',
+            name='question',
+            field=models.TextField(max_length=200),
+        ),
+    ]

django/homepage/models.py

@@ -0,0 +1,6 @@
+from django.db import models
+
+# Create your models here.
+class QivipFaq(models.Model):
+    question = models.TextField(max_length=200) 
+    answer = models.TextField(max_length=1000) 

django/homepage/views.py

@@ -0,0 +1,12 @@
+from django.shortcuts import render, redirect
+from .models import QivipFaq
+
+def home(request):
+    faqs=QivipFaq.objects.all()
+    context={"faqs": faqs}
+    return render(request, 'homepage/home.html', context)
+
+def impress(request):
+    return render(request, 'homepage/impress.html')
+def privacy(request):
+    return render(request, 'homepage/privacy.html')

django/library/admin.py

@@ -0,0 +1,64 @@
+from django.contrib import admin
+from .models import QivipQuiz, QivipQuestion, QivipQuizFavorite, QuestionImage, QuizCategory, QuizImage, QuizRating
+
+# Für das QivipQuiz Modell
+class QivipQuizAdmin(admin.ModelAdmin):
+    list_display = ('name','published_at', 'user_id', 'status', 'category', 'creation_date', 'update_date')  # Welche Felder sollen in der Übersicht angezeigt werden
+    search_fields = ('name', 'user_id__username', 'category__name')  # Suchfelder
+    list_filter = ('status', 'category')  # Filteroptionen
+# Für das QivipQuestion Modell
+class QivipQuestionAdmin(admin.ModelAdmin):
+    list_display = ('id', 'quiz_id', 'data', 'creation_date', 'update_date', 'credits')
+    search_fields = ('data',)
+    list_filter = ('quiz_id',)
+
+# Für das QuizCategory Modell
+class QuizCategoryAdmin(admin.ModelAdmin):
+    list_display = ('name', 'slug', 'description')  # Zeige Name, Slug und Beschreibung an
+    search_fields = ('name',)
+    prepopulated_fields = {'slug': ('name',)}  # Erstelle automatisch den Slug basierend auf dem Namen
+
+
+
+class QivipQuizFavoriteAdmin(admin.ModelAdmin):
+    list_display = ('user', 'favorite', 'quiz')  # Welche Felder sollen in der Übersicht angezeigt werden
+
+
+class QuizImageAdmin(admin.ModelAdmin):
+     list_display = ('image',)
+
+class QuestionImageAdmin(admin.ModelAdmin):
+     list_display = ('image',)  
+
+
+from django import forms
+from .models import QuizCategory
+
+class QuizCategoryForm(forms.ModelForm):
+    color = forms.CharField(
+        widget=forms.TextInput(attrs={'type': 'color'})
+    )
+
+    class Meta:
+        model = QuizCategory
+        fields = '__all__'
+from django.utils.html import format_html
+@admin.register(QuizCategory)
+class QuizCategoryAdmin(admin.ModelAdmin):
+    form = QuizCategoryForm
+    list_display = ('name', 'color_preview', 'color')
+
+    def color_preview(self, obj):
+        return format_html(
+            '<div style="width: 24px; height: 24px; background-color: {}; border: 2px solid #000;"></div>',
+            obj.color
+        )
+    color_preview.short_description = "Farbe"       
+        
+# Registrierung der Modelle im Admin
+admin.site.register(QivipQuiz, QivipQuizAdmin)
+admin.site.register(QivipQuestion, QivipQuestionAdmin)
+#admin.site.register(QuizCategory, QuizCategoryAdmin)
+admin.site.register(QivipQuizFavorite, QivipQuizFavoriteAdmin)
+admin.site.register(QuizImage, QuizImageAdmin)
+admin.site.register(QuestionImage, QuestionImageAdmin)

django/library/forms.py

@@ -0,0 +1,47 @@
+from django import forms
+from .models import QivipQuiz, QivipQuestion, QuizCategory
+
+class QuizForm(forms.ModelForm):
+    class Meta:
+        model = QivipQuiz
+        fields = ['name', 'description', 'status', 'category','difficulty','credits']
+
+    def __init__(self, *args, **kwargs):
+        super(QuizForm, self).__init__(*args, **kwargs)
+        for field in self.fields.values():
+            field.widget.attrs.update({
+                'class': 'dark:bg-[#2a2f3a]! dark:text-white!'
+            })
+          
+           
+
+class QuestionForm(forms.ModelForm):
+    class Meta:
+        model = QivipQuestion
+        fields = ['quiz_id', 'data','time_per_question']
+
+from django import forms
+
+class QuizFilterForm(forms.Form):
+    search = forms.CharField(required=False, label="Suche", widget=forms.TextInput(attrs={
+        'class': 'flex flex-grow rounded-lg p-2' ,'placeholder': 'Suche ...', 'list': 'quiz-names',
+    }))
+
+
+    min_amount_questions = forms.IntegerField(required=False, min_value=1,   label="Minimale Anzahl an Fragen", widget=forms.NumberInput(attrs={
+        'class': 'border-2 border-gray-300 rounded-lg p-2 w-full'
+    }))
+
+    max_amount_questions = forms.IntegerField(required=False, min_value=1,  label="Maximale Anzahl an Fragen", widget=forms.NumberInput(attrs={
+        'class': 'border-2 border-gray-300 rounded-lg p-2 w-full'
+    }))
+    user = forms.CharField(required=False, label="von User", widget=forms.TextInput(attrs={
+        'class': 'border-2 border-gray-300 rounded-lg p-2 w-full'
+    }))
+    categories = forms.ModelChoiceField(
+        queryset=QuizCategory.objects.filter().distinct(),
+        required=False,
+        label="Kategorie",
+        widget=forms.Select(attrs={
+            'class': 'border-2 border-gray-300 rounded-lg p-2 w-full dark:bg-[#2a2f3a] dark:text-white'
+        }))

django/library/management/commands/cleanup_games.py

@@ -0,0 +1,13 @@
+from django.core.management.base import BaseCommand
+from play.models import QuizGame
+from django.utils import timezone
+
+class Command(BaseCommand):
+    help = 'Bereinigt beendete Spiele'
+
+    def handle(self, *args, **kwargs):
+        expired_games = QuizGame.objects.filter(
+            updated_at__lt=timezone.now() - timezone.timedelta(minutes=5))
+        deleted_count = expired_games.count()
+        expired_games.delete()
+        self.stdout.write(f'{deleted_count} alte Spiele gelöscht.')

django/library/migrations/0016_alter_qivipquiz_status.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.1.7 on 2025-03-16 12:53
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0015_alter_qivipquiz_difficulty'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='qivipquiz',
+            name='status',
+            field=models.CharField(choices=[('öffentlich', 'Öffentlich'), ('versteckt', 'Versteckt'), ('privat', 'Privat')], default='öffentlich', max_length=10),
+        ),
+    ]

django/library/migrations/0017_alter_qivipquiz_difficulty.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.1.7 on 2025-03-16 12:54
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0016_alter_qivipquiz_status'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='qivipquiz',
+            name='difficulty',
+            field=models.CharField(choices=[('1', '1'), ('2', '2'), ('3', '3'), ('4', '4'), ('5', '5'), ('nicht gesetzt', 'nicht gesetzt')], default='nicht gesetzt', help_text='1: niedrigste Schwierigkeit und 5: höchste Schwierigkeit', max_length=13),
+        ),
+    ]

django/library/migrations/0018_alter_qivipquiz_description.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.1.7 on 2025-03-16 13:03
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0017_alter_qivipquiz_difficulty'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='qivipquiz',
+            name='description',
+            field=models.TextField(blank=True, default='In dem Quiz geht es um ...', max_length=150, null=True),
+        ),
+    ]

django/library/migrations/0019_alter_qivipquiz_description.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.1.7 on 2025-03-16 13:05
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0018_alter_qivipquiz_description'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='qivipquiz',
+            name='description',
+            field=models.TextField(default='In dem Quiz geht es um ...', max_length=255, null=True),
+        ),
+    ]

django/library/migrations/0020_alter_qivipquiz_description.py

@@ -0,0 +1,19 @@
+# Generated by Django 5.1.7 on 2025-03-16 13:08
+
+import library.models
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0019_alter_qivipquiz_description'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='qivipquiz',
+            name='description',
+            field=models.TextField(default='In dem Quiz geht es um ...', max_length=255, validators=[library.models.QivipQuiz.validate_description]),
+        ),
+    ]

django/library/migrations/0021_alter_qivipquiz_name.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.1.7 on 2025-03-16 14:34
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0020_alter_qivipquiz_description'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='qivipquiz',
+            name='name',
+            field=models.CharField(max_length=100),
+        ),
+    ]

django/library/migrations/0022_alter_qivipquiz_description_alter_qivipquiz_name.py

@@ -0,0 +1,24 @@
+# Generated by Django 5.1.7 on 2025-03-16 14:35
+
+import library.models
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0021_alter_qivipquiz_name'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='qivipquiz',
+            name='description',
+            field=models.TextField(default='In dem Quiz geht es um ...', max_length=200, validators=[library.models.QivipQuiz.validate_description]),
+        ),
+        migrations.AlterField(
+            model_name='qivipquiz',
+            name='name',
+            field=models.CharField(max_length=75),
+        ),
+    ]

django/library/migrations/0023_qivipquiz_image.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.1.7 on 2025-03-21 17:24
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0022_alter_qivipquiz_description_alter_qivipquiz_name'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='qivipquiz',
+            name='image',
+            field=models.ImageField(blank=True, null=True, upload_to='quiz_images/'),
+        ),
+    ]

django/library/migrations/0024_alter_qivipquiz_image.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.1.7 on 2025-03-22 10:22
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0023_qivipquiz_image'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='qivipquiz',
+            name='image',
+            field=models.ImageField(blank=True, max_length=256, null=True, upload_to='quiz_images/'),
+        ),
+    ]

django/library/migrations/0025_qivipquiz_modified_description.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.1.7 on 2025-04-03 16:46
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0024_alter_qivipquiz_image'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='qivipquiz',
+            name='modified_description',
+            field=models.TextField(blank=True, default='Das Quiz wurde modifiziert von:', editable=False),
+        ),
+    ]

django/library/migrations/0026_alter_qivipquiz_modified_description.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.1.7 on 2025-04-04 13:28
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0025_qivipquiz_modified_description'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='qivipquiz',
+            name='modified_description',
+            field=models.TextField(blank=True, editable=False),
+        ),
+    ]

django/library/migrations/0027_qivipquiz_creator.py

@@ -0,0 +1,21 @@
+# Generated by Django 5.1.7 on 2025-04-04 13:37
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0026_alter_qivipquiz_modified_description'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='qivipquiz',
+            name='creator',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, related_name='creator_quiz', to=settings.AUTH_USER_MODEL),
+        ),
+    ]

django/library/migrations/0028_alter_qivipquiz_creator.py

@@ -0,0 +1,21 @@
+# Generated by Django 5.1.7 on 2025-04-04 13:57
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0027_qivipquiz_creator'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='qivipquiz',
+            name='creator',
+            field=models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='creator_quiz', to=settings.AUTH_USER_MODEL),
+        ),
+    ]

django/library/migrations/0029_qivipquiz_credits.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.1.7 on 2025-04-04 16:02
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0028_alter_qivipquiz_creator'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='qivipquiz',
+            name='credits',
+            field=models.TextField(blank=True),
+        ),
+    ]

django/library/migrations/0030_remove_qivipquiz_creator_and_more.py

@@ -0,0 +1,27 @@
+# Generated by Django 5.1.7 on 2025-04-05 09:39
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0029_qivipquiz_credits'),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name='qivipquiz',
+            name='creator',
+        ),
+        migrations.RemoveField(
+            model_name='qivipquiz',
+            name='modified_description',
+        ),
+        migrations.AddField(
+            model_name='qivipquiz',
+            name='base_quiz',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='child_quizzes', to='library.qivipquiz'),
+        ),
+    ]

django/library/migrations/0031_alter_qivipquestion_quiz_id.py

@@ -0,0 +1,19 @@
+# Generated by Django 5.1.7 on 2025-04-05 17:45
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library', '0030_remove_qivipquiz_creator_and_more'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='qivipquestion',
+            name='quiz_id',
+            field=models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='questions', to='library.qivipquiz'),
+        ),
+    ]