mitai-jinkendo/CLAUDE.md

Mitai Jinkendo – Entwickler-Kontext für Claude Code

Projekt-Übersicht

Mitai Jinkendo (身体 Jinkendo) – selbst-gehostete PWA für Körper-Tracking mit KI-Auswertung. Teil der Jinkendo-App-Familie (人拳道). Domains: jinkendo.de / .com / .life

Tech-Stack

Komponente	Technologie
Frontend	React 18 + Vite + PWA (Node 20)
Backend	FastAPI Python 3.12
Datenbank	PostgreSQL 16 Alpine
Container	Docker + Docker Compose
Auth	Token-basiert + bcrypt
KI	OpenRouter API (claude-sonnet-4)

Ports: Prod 3002/8002 · Dev 3099/8099 – nie ändern!

Verzeichnisstruktur

backend/
├── main.py          # App-Setup + Router-Registration (~75 Zeilen)
├── db.py            # PostgreSQL Connection Pool
├── auth.py          # Hash, Verify, Sessions
├── models.py        # Pydantic Models
└── routers/         # 14 Router-Module
    auth · profiles · weight · circumference · caliper
    activity · nutrition · photos · insights · prompts
    admin · stats · exportdata · importdata

frontend/src/
├── App.jsx          # Root, Auth-Gates, Navigation
├── app.css          # CSS-Variablen + globale Styles
├── context/         # AuthContext · ProfileContext
├── pages/           # Alle Screens
└── utils/
    api.js           # ALLE API-Calls – Token automatisch injiziert
    calc.js · interpret.js · Markdown.jsx · guideData.js

.claude/
├── settings.json
├── commands/        # /deploy /merge-to-prod /refactor /ui-responsive etc.
└── docs/
    ├── BACKLOG.md
    ├── functional/  # Fachliche Specs (TRAINING_TYPES, AI_PROMPTS, RESPONSIVE_UI)
    └── technical/   # MEMBERSHIP_SYSTEM.md

Aktuelle Version: v9c-dev

Implementiert ✅

• Login (E-Mail + bcrypt), Auth-Middleware alle Endpoints, Rate Limiting
• Gewicht · Umfänge · Caliper · Ernährung · Aktivität + CSV-Imports
• KI-Analyse: 6 Prompts + 3-stufige Pipeline
• Dashboard · Verlauf · Assistent-Modus · Fotos
• Admin-Panel · E-Mail (SMTP) · PWA
• PostgreSQL 16 · Modulare Router-Architektur
• Membership-System: Tiers · Coupons · Access-Grants · Admin-UI
• Export: CSV · JSON · ZIP

Offen v9c 🔲

• Feature-Enforcement (Rollback 20.03.2026 – Redesign nötig)
• Selbst-Registrierung + E-Mail-Verifizierung
• Trial-System UI

📚 Details: .claude/docs/technical/MEMBERSHIP_SYSTEM.md

Feature-Roadmap

Vollständiges Backlog: .claude/docs/BACKLOG.md Beim Implementieren: verlinkte Dok-Datei zuerst lesen!

Version	Feature	Dokumentation
v9c	Membership (aktiv)	technical/MEMBERSHIP_SYSTEM.md ✅
v9d	Schlaf-Modul	functional/SLEEP_MODULE.md (ausstehend)
v9d	Trainingstypen + HF	functional/TRAINING_TYPES.md ✅
v9e	Ziele + Vitalwerte	functional/GOALS_VITALS.md (ausstehend)
v9f	KI-Prompt Flexibilisierung	functional/AI_PROMPTS.md ✅
v9g	Meditation + Selbstwahrnehmung	functional/MEDITATION.md (ausstehend)
v9h	Connectoren + Stripe	ausstehend
—	Responsive UI	functional/RESPONSIVE_UI.md ✅

Deployment

Internet → Fritz!Box (privat.stommer.com) → Synology NAS → Raspberry Pi 5 (192.168.2.49)

Git Workflow:
  develop → Auto-Deploy → dev.mitai.jinkendo.de  (bodytrack-dev/, Port 3099/8099)
  main    → Auto-Deploy → mitai.jinkendo.de       (bodytrack/, Port 3002/8002)

Gitea: http://192.168.2.144:3000/Lars/mitai-jinkendo
Runner: Raspberry Pi (/home/lars/gitea-runner/)

Manuell:
  cd /home/lars/docker/bodytrack[-dev]
  docker compose -f docker-compose[.dev-env].yml build --no-cache && up -d

Datenbank-Schema (PostgreSQL 16)

profiles          – Nutzer (role, pin_hash/bcrypt, email, tier)
sessions          – Auth-Tokens
weight_log        – Gewicht (profile_id, date, weight)
circumference_log – 8 Umfangspunkte
caliper_log       – Hautfalten, 4 Methoden
nutrition_log     – Kalorien + Makros
activity_log      – Training
photos            – Progress-Fotos
ai_insights       – KI-Auswertungen (scope = prompt-slug)
ai_prompts        – Konfigurierbare Prompts (11 Standard)
ai_usage          – KI-Calls pro Tag pro Profil

v9c neu (Membership):
subscriptions · coupons · coupon_redemptions · features
tier_limits · user_restrictions · access_grants · user_activity_log

Schema-Datei: backend/schema.sql

API & Auth

Alle Endpoints:     /api/...
Auth-Header:        X-Auth-Token: <token>
Fehler:             {"detail": "Fehlermeldung"}
Rate Limit:         HTTP 429

Auth-Flow:
  Login → E-Mail + Passwort → Token in localStorage
  Token → X-Auth-Token Header → require_auth()
  Profile-Id → immer aus Session, nie aus Header!
  SHA256 → automatisch zu bcrypt migriert beim Login

Umgebungsvariablen (.env)

DB_HOST/PORT/NAME/USER/PASSWORD  # PostgreSQL
OPENROUTER_API_KEY               # KI
OPENROUTER_MODEL=anthropic/claude-sonnet-4
SMTP_HOST/PORT/USER/PASS/FROM    # E-Mail
APP_URL=https://mitai.jinkendo.de
ALLOWED_ORIGINS=https://mitai.jinkendo.de
PHOTOS_DIR=/app/photos

Kritische Regeln für Claude Code

Must-Do:

1. api.js für ALLE API-Calls nutzen – nie direktes fetch() ohne Token
2. session: dict = Depends(require_auth) als separater Parameter – nie in Header() einbetten
3. bcrypt für alle Passwort-Operationen
4. Neue DB-Spalten nur via Schema-Migration, nicht direkt
5. npm install (nicht npm ci) – kein package-lock.json

Bekannte Fallstricke:

# ❌ FALSCH – führt zu ungeschütztem Endpoint:
def endpoint(x: str = Header(default=None, session=Depends(require_auth))):

# ✅ RICHTIG:
def endpoint(x: str = Header(default=None), session: dict = Depends(require_auth)):

// ❌ FALSCH – dayjs.week() existiert nicht ohne Plugin:
dayjs(date).week()

// ✅ RICHTIG – native ISO-Wochenberechnung:
const w = (d => Math.ceil(((new Date(d.setDate(d.getDate()+4-(d.getDay()||7)))-
  new Date(d.getFullYear(),0,1))/86400000+1)/7))(new Date(date))

# PostgreSQL Boolean (nicht SQLite 0/1):
WHERE active = true   # ✅
WHERE active = 1      # ❌

Design-System (Kurzreferenz)

/* Farben */
--accent: #1D9E75    --accent-dark: #085041    --danger: #D85A30
--bg · --surface · --surface2 · --border · --text1 · --text2 · --text3

/* Klassen */
.card · .btn · .btn-primary · .btn-secondary · .btn-full
.form-input · .form-label · .form-row · .spinner

/* Abstände */
Seiten-Padding: 16px · Card-Padding: 16-20px · Border-Radius: 12px/8px
Bottom-Padding Mobile: 80px (Navigation)

Vollständige CSS-Variablen und Komponenten-Muster: frontend/src/app.css Responsive Layout-Spec: .claude/docs/functional/RESPONSIVE_UI.md

Dokumentations-Referenzen

Für Claude Code: Beim Arbeiten an einem Thema die entsprechende Datei lesen:

Thema	Datei
Backend-Architektur, Router, DB-Zugriff	.claude/docs/architecture/BACKEND.md
Frontend-Architektur, api.js, Komponenten	.claude/docs/architecture/FRONTEND.md
Coding Rules (Pflichtregeln)	.claude/docs/rules/CODING_RULES.md
Lessons Learned (Fehler vermeiden)	.claude/docs/rules/LESSONS_LEARNED.md
Feature Backlog (Übersicht)	.claude/docs/BACKLOG.md
Membership-System (v9c, technisch)	.claude/docs/technical/MEMBERSHIP_SYSTEM.md
Trainingstypen + HF (v9d, fachlich)	.claude/docs/functional/TRAINING_TYPES.md
KI-Prompt Flexibilisierung (v9f, fachlich)	.claude/docs/functional/AI_PROMPTS.md
Responsive UI (fachlich)	.claude/docs/functional/RESPONSIVE_UI.md

Jinkendo App-Familie

mitai.jinkendo.de    → Körper-Tracker (diese App)
miken.jinkendo.de    → Meditation (眉間)
ikigai.jinkendo.de   → Lebenssinn (生き甲斐)
shinkan.jinkendo.de  → Kampfsport (真観)