README mit Installation, Update-Weg und Backup-Anleitung; docs/DESIGN.md hält Marke, Farbwerte samt gemessener Kontraste und die Bausteine fest. Changelog nach Keep a Changelog, Release-Notes zusätzlich unter releases/.
2.2 KiB
2.2 KiB
Flimmer 0.1.0
Erste lauffähige Etappe: Gerüst, Marke, Datenmodell und Anmeldung.
Hinzugefügt
- Projektgerüst mit Next.js 16 (App Router), TypeScript, Tailwind CSS v4
und
standalone-Build für schlanke Container. - Marke Flimmer: Logo als SVG in drei Varianten (Bildmarke, Bildmarke mit Wortmarke, monochrom) plus Maskable-Variante. Die Wortmarke ist aus Pfaden konstruiert und braucht keine installierte Schrift.
- Icon-Generator (
npm run icons): erzeugt Favicon (SVG und ICO), PWA-Icons in sieben Größen, Maskable-Icons, Apple-Touch-Icon und OG-Bild aus den SVG-Quellen. - Design-Tokens als CSS-Variablen, über
@theme inlinean Tailwind angebunden. Dunkles Standard-Theme und heller Modus mit Umschalter (Dunkel / Hell / System), ohne Aufblitzen beim Laden. Alle Farbkombinationen erfüllen WCAG AA; getrennte Verläufe für Flächen und Text sorgen dafür, dass auch der Signaturverlauf im hellen Modus lesbar bleibt. - Datenmodell (Prisma, PostgreSQL) für Konten, Katalog (Titel, Staffeln, Episoden, Streamingdienste), persönliches Tracking, Universen mit Reihenfolgen sowie Benachrichtigungen und Hintergrundläufe.
- Authentifizierung: Registrierung und Anmeldung mit E-Mail und Passwort (bcrypt), Sitzungen als opake Token in der Datenbank mit httpOnly-Cookie. Der erste registrierte Zugang wird automatisch Administrator; die Registrierung lässt sich instanzweit abschalten.
- Optionales SSO über OIDC (Authorization Code mit PKCE) für Authelia, Keycloak, Authentik und Verwandte — per Umgebungsvariablen aktivierbar, mit Zuordnung zu vorhandenen Konten über die E-Mail-Adresse.
- API-Schlüssel je Nutzer als Grundlage für die spätere REST-API.
- Docker-Compose-Setup für den Selbstbetrieb (App und PostgreSQL, persistente Volumes, Healthcheck) samt Entrypoint, der ausstehende Migrationen beim Start einspielt.
- Healthcheck unter
/api/health, der auch die Datenbank prüft. - PWA-Manifest mit allen Icon-Größen.
- Oberflächentexte auf Deutsch, gebündelt in
src/i18nund so aufgebaut, dass weitere Sprachen als zusätzliche Datei dazukommen können. - Seed-Skript mit Demo-Konten sowie README und Design-Dokumentation.