🕰️ ChronoCraft – Interaktiver Zeitlinien-Editor

✨ Projektbeschreibung

ChronoCraft ist ein vollständig clientseitiger Zeitlinien-Editor zum Erstellen, Bearbeiten und Exportieren von Ereignissen auf einer visuell gestalteten Timeline.
Perfekt geeignet für:

• Lebensläufe
• Projektplanungen & Roadmaps
• Bildungs- oder Produktentwicklungen
• Historische Ereignisse und Zeitschienen

---

🔧 Funktionsübersicht

Funktion	Beschreibung
🖱️ Drag & Drop	Ereignisse frei positionierbar
📐 Snap-to-Grid	Automatische Ausrichtung auf einem 50px-Raster
✏️ Bearbeiten	Per Rechtsklick → „bearbeiten“
🔁 Duplizieren	Rechtsklick → „duplizieren“
🗑️ Löschen	Rechtsklick → „löschen“ mit Bestätigung
🎨 Farbgruppen	Farbliche Kategorisierung (rot, grün, blau)
🏷️ Filterfunktion	Filter nach Farbe über Dropdown
📅 Jahresleiste ab 2025	Dynamisch: Jahre hinzufügen, bearbeiten, entfernen
🧠 Speicherung	Alle Änderungen im Browser gespeichert (localStorage)
📤 Exportformate	PDF, PNG, JSON
📱 Responsive Design	Optimiert für Desktop, Tablet und Mobilgeräte

---

💡 Bedienung

• ➕ Ereignis hinzufügen - Klick auf „➕ Neues Ereignis“
  • Titel und Farbe wählen

✏️ Bearbeiten, Duplizieren, Löschen

• Rechtsklick auf ein Ereignis
  • Prompt öffnen → Eingabe:
    • bearbeiten → Titel ändern
    • löschen → Ereignis löschen
    • duplizieren → Kopie erzeugen

🎯 Snap-to-Grid

• Beim Ziehen werden Elemente automatisch auf ein unsichtbares 50px-Raster eingerastet

🖼️ Filterfunktion

• Oben im Dropdown eine Farbe wählen (rot, grün, blau) → andere werden ausgeblendet

---

📅 Jahresleiste verwalten

• ➕ Jahr hinzufügen
  • Gib ein neues Jahr ein (z. B. 2029) → Klick auf „➕ Jahr hinzufügen“

🧾 Jahr bearbeiten oder löschen

• Klick auf ein vorhandenes Jahr → Eingabe:
  • Neue Jahreszahl → ersetzt das Jahr
    • löschen → entfernt das Jahr aus der Leiste

📌 Hinweis: Startwert = 2025–2028

• 💾 Änderungen werden dauerhaft gespeichert (localStorage)

---

📤 Exportfunktionen

Format	Beschreibung
🖨️ PDF	Visualisierung als druckbare Datei
🖼️ PNG	Screenshot-Export der Timeline
📁 JSON	Rohdatenexport für Wiederverwendung

---

🛠️ Lokale Nutzung

• ✅ XAMPP (empfohlen unter Windows)

1. XAMPP herunterladen
2. Starte Apache im XAMPP Control Panel
3. Lege den Projektordner in folgendem Verzeichnis ab:

C:\xampp\htdocs\

5. Starte im Browser:

http://localhost/ChronoCraft/

✅ Python (plattformunabhängig)

python -m http.server
http://localhost:8000/

✅ Node.js

npx http-server

---

🛑 Direktes Öffnen via

ChornoCraft/index.html

• funktioniert nicht!
  • Nutze immer einen lokalen Webserver wegen CORS-Beschränkungen.

📝 Lizenz Veröffentlicht unter der MIT License LICENSE

© 2025 Thorsten Bylicki Version: v1.0 – Stable