158 lines
4.5 KiB
Markdown
158 lines
4.5 KiB
Markdown
# EinsamerWolfDH - SDSO Fan-Wiki
|
|
|
|
**Projekt:** Detailliertes Fan-Wiki für Seven Deadly Sins: Origin mit interaktiver Map und Ressourcen-Tracker
|
|
|
|
**Status:** 🚀 Phase 1 - Foundation
|
|
|
|
## 🎯 Vision
|
|
|
|
Ein umfassendes Fan-Wiki für SDSO mit:
|
|
- 📘 Obsidian-Vault für Forschung & Notizen
|
|
- 💾 PostgreSQL Datenbank mit allen Inhalten
|
|
- 🌐 React/Next.js Website mit:
|
|
- Detailliertes Fan-Wiki
|
|
- Interaktive Map der SDSO-Welt
|
|
- Ressourcen-Tracker (Was braucht man für Charakter/Waffe/Rüstung?)
|
|
- Character-Profile & Item-Details
|
|
- Beziehungsnetzwerk-Visualisierung
|
|
- Search & Filter
|
|
|
|
## 📁 Projektstruktur
|
|
|
|
```
|
|
EinsamerWolfDH/
|
|
├── docs/obsidian-vault/ # Obsidian-Vault für Forschung
|
|
├── frontend/ # Next.js React App (später)
|
|
├── backend/ # Node.js API (später)
|
|
├── database/ # PostgreSQL Schema & Seeds
|
|
└── docker-compose.yml # PostgreSQL Container
|
|
```
|
|
|
|
## 🔧 Tech Stack
|
|
|
|
- **Frontend:** Next.js 14 + React 18 + TypeScript + Tailwind CSS
|
|
- **Map:** Leaflet + React-Leaflet
|
|
- **Database:** PostgreSQL (Docker)
|
|
- **API:** Next.js API Routes oder Express.js
|
|
- **Hosting:** Vercel (Frontend) + Eigener Server (Backend/DB)
|
|
- **Notes:** Obsidian
|
|
|
|
## 📋 Implementierungs-Roadmap
|
|
|
|
### ✅ Phase 1: Foundation (AKTUELL)
|
|
- [x] Project Setup (Git, Verzeichnisse)
|
|
- [x] Obsidian-Vault Struktur
|
|
- [x] PostgreSQL Schema
|
|
- [x] .gitignore & README
|
|
- [ ] Obsidian in Betrieb nehmen
|
|
- [ ] PostgreSQL starten (docker-compose up)
|
|
- [ ] Next.js Projekt initialisieren
|
|
|
|
### ⬜ Phase 2: Core Wiki
|
|
- [ ] Basic Layout & Navigation
|
|
- [ ] Character-Seiten Template
|
|
- [ ] Item-Details Template
|
|
- [ ] Episode-Seiten Template
|
|
- [ ] Lore-Seiten
|
|
- [ ] First 10-15 Characters in DB
|
|
|
|
### ⬜ Phase 3: Search & Filter
|
|
- [ ] Global Search (Volltextsuche)
|
|
- [ ] Character Filter
|
|
- [ ] Item Filter
|
|
- [ ] Episode Filter
|
|
|
|
### ⬜ Phase 4: Map
|
|
- [ ] Leaflet Map initialisieren
|
|
- [ ] Locations als Markers
|
|
- [ ] Popup mit Location-Details
|
|
- [ ] Map Styling (SDSO-Theme)
|
|
|
|
### ⬜ Phase 5: Ressourcen-Tracker
|
|
- [ ] Character-Build System
|
|
- [ ] Item-Requirements visualisieren
|
|
- [ ] Resource-Tree
|
|
- [ ] Tracker UI (localStorage für Progress)
|
|
|
|
### ⬜ Phase 6: Beziehungsnetzwerk
|
|
- [ ] Relationship Graph Datenstruktur
|
|
- [ ] Graph Visualisierung (D3.js oder react-force-graph)
|
|
- [ ] Interaktive Knoten
|
|
|
|
### ⬜ Phase 7: Polish & Deployment
|
|
- [ ] Dark Mode
|
|
- [ ] Mobile Responsiveness
|
|
- [ ] Performance Optimization
|
|
- [ ] Deployment auf Vercel + Server
|
|
|
|
## 🚀 Nächste Schritte
|
|
|
|
1. **Obsidian öffnen:** `vault` → `/Users/baka/EinsamerWolfDH/docs/obsidian-vault`
|
|
2. **PostgreSQL starten:** `docker-compose up -d postgres`
|
|
3. **Next.js Frontend erstellen:** `npx create-next-app@latest frontend --typescript --tailwind`
|
|
4. **Erste Daten sammeln:** SDSO-Characters, Episodes, Items recherchieren
|
|
5. **Database seeds:** Daten in PostgreSQL importieren
|
|
|
|
## 🔐 Secrets & Environment
|
|
|
|
```bash
|
|
# .env.local (Git-ignored)
|
|
DATABASE_URL=postgresql://sdso_user:sdso_password@localhost:5432/sdso_wiki
|
|
NEXT_PUBLIC_API_URL=http://localhost:3000/api
|
|
```
|
|
|
|
## 📚 Obsidian-Workflow
|
|
|
|
1. Neue Note im passenden Ordner erstellen (Character, Item, Episode, etc.)
|
|
2. Template als Basis nutzen
|
|
3. Mit `[[Name]]` zu anderen Notes verlinken
|
|
4. Tags hinzufügen (#charakter, #waffe, etc.)
|
|
5. Exportieren → In Datenbank importieren
|
|
|
|
## 💡 Important Notes
|
|
|
|
- **Fan-Wiki Disclaimer:** Alle Inhalte zu SDSO sind Fan-Geschafftes Material
|
|
- **Datensquellen:** Anime, Manga, Fan-Wikis, offizielle Datenbanken
|
|
- **Update-Workflow:** Obsidian → Markdown-Export → DB-Import
|
|
- **Hosting:** Eigener Server für Backend/DB, Vercel für Frontend
|
|
|
|
## 🛠️ Hilfreiche Befehle
|
|
|
|
```bash
|
|
# PostgreSQL starten
|
|
docker-compose up -d postgres
|
|
|
|
# PostgreSQL Logs
|
|
docker-compose logs -f postgres
|
|
|
|
# In PostgreSQL connecten
|
|
psql postgresql://sdso_user:sdso_password@localhost:5432/sdso_wiki
|
|
|
|
# Next.js Dev Server
|
|
cd frontend && npm run dev
|
|
|
|
# Git Workflow
|
|
git add .
|
|
git commit -m "Feature description"
|
|
git push origin main
|
|
```
|
|
|
|
## 📖 Ressourcen
|
|
|
|
- SDSO Anime: [Quelle]
|
|
- SDSO Manga: [Quelle]
|
|
- SDSO Wiki: [Fan-Wiki Links]
|
|
- Leaflet Docs: https://leafletjs.com/
|
|
- Next.js Docs: https://nextjs.org/docs
|
|
- PostgreSQL Docs: https://www.postgresql.org/docs/
|
|
|
|
---
|
|
|
|
**Gestartet:** 2026-08-16
|
|
**Entwickler:** EinsamerWolfDH
|
|
|
|
## 🛡️ MCP/SKILL-POLICY (Pflicht!)
|
|
- Vor JEDER Installation von MCPs/Skills/Plugins: Quelle + Netzwerk + Berechtigungen prüfen
|
|
- GRÜN = installieren/behalten · ROT = ablehnen/deinstallieren
|
|
- Keine npx -y-Pakete ohne Prüfung, keine Drittanbieter mit Datenabfluss
|