Notenbuch

Notenbuch für Schule und Berufsschule: Noten eintragen, Schnitt pro Fach und Halbjahr sehen, mit Freunden verknüpfen und mit Emojis und GIFs auf ihre Noten reagieren.

Technik: Next.js 16 · Supabase (Login, Datenbank, Zugriffsregeln) · GIPHY (GIFs) · Hosting auf Vercel

Funktionen

• Registrierung und Login per E-Mail, Passwort zurücksetzen
• Fächerkatalog für Berufsschule (inkl. Immobilienkaufleute) und Schule, dazu eigene Fächer
• Noten 1–6 (mit Plus und Minus) oder Punkte 0–15 für die Oberstufe
• Fachnote aus schriftlich und mündlich (Standard 50 : 50, pro Fach änderbar), jede Note zählt in ihrer Gruppe gleich
• Halbjahre anlegen und wechseln, Fächer ins neue Halbjahr übernehmen
• „Was brauche ich?“: Welche Note reicht in der nächsten Leistung für die Zielnote
• Freunde per Benutzername oder Einladungslink, Anfragen annehmen und ablehnen
• Feed mit den neuesten Noten deiner Freunde, Reaktionen mit 12 Emojis und GIFs
• Fächer lassen sich vor Freunden verstecken
• Rechner: IHK-Abschlussprüfung Immobilienkaufleute, Punkte in Noten, Schnellrechner
• Übernahme der Daten aus dem alten Immo-Notenbuch (Backup-Text)
• Konto löschen mit allen Daten

Einrichtung

1. Supabase

1. Auf supabase.com ein neues Projekt anlegen, Region Central EU (Frankfurt).
2. Links SQL Editor öffnen, den kompletten Inhalt von supabase/schema.sql einfügen und auf Run klicken.
3. Project Settings → API Keys (oder oben Connect): die Project URL und den Publishable key kopieren.
4. Nach dem ersten Deploy auf Vercel: Authentication → URL Configuration
   • Site URL: https://DEINE-APP.vercel.app
   • Redirect URLs: https://DEINE-APP.vercel.app/** und für lokale Tests http://localhost:3000/**

Bestätigungsmails: Supabase verschickt mit dem eingebauten Mailserver nur wenige Mails pro Stunde. Für eine kleine Gruppe reicht das meist. Wenn sich viele gleichzeitig anmelden, unter Authentication → Sign In / Providers → Email entweder „Confirm email“ ausschalten oder unter Authentication → Emails einen eigenen SMTP-Server eintragen.

2. GIPHY (für GIF-Reaktionen, optional)

1. Auf developers.giphy.com anmelden, Create an App → API wählen.
2. Den API-Schlüssel kopieren.

Der kostenlose Schlüssel erlaubt 100 Anfragen pro Stunde für alle Nutzer zusammen. Für mehr Leute bei GIPHY einen Production-Schlüssel beantragen. Ohne Schlüssel funktioniert die App, nur der GIF-Knopf fehlt.

3. Vercel

1. Auf vercel.com Add New → Project und dieses GitHub-Repo importieren.

2. Unter Environment Variables eintragen:

   Name	Wert
   NEXT_PUBLIC_SUPABASE_URL	Project URL aus Supabase
   NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY	Publishable key aus Supabase
   NEXT_PUBLIC_GIPHY_API_KEY	GIPHY-Schlüssel (optional)

3. Deploy klicken. Danach die Vercel-Adresse in Supabase eintragen (Schritt 1.4).

Wer die Supabase-Integration im Vercel-Marketplace nutzt: NEXT_PUBLIC_SUPABASE_ANON_KEY wird ebenfalls erkannt.

Lokal entwickeln

npm install
cp .env.example .env.local   # Werte eintragen
npm run dev                  # http://localhost:3000

Datenschutz

• Alle Tabellen sind mit Row Level Security geschützt: Noten sehen nur du und deine bestätigten Freunde, versteckte Fächer nur du.
• Reagieren geht nur auf Noten von Freunden, mit festen Emojis oder GIPHY-GIFs. Reaktionen auf deine Noten kannst du entfernen.
• Die Schriften sind in der App enthalten, es werden keine Google-Dienste geladen. GIFs werden direkt von GIPHY geladen.