Files
website/README.md
2025-04-27 06:49:59 +02:00

2.4 KiB

MindMap Wissensnetzwerk

Eine interaktive Plattform zum Visualisieren, Erforschen und Teilen von Wissen mit integriertem ChatGPT-Assistenten.

Features

  • Interaktive Mindmap zur Visualisierung von Wissensverbindungen
  • Gedanken mit verschiedenen Beziehungstypen verknüpfen
  • Suchfunktion für Gedanken und Verbindungen
  • Bewertungssystem für Gedanken
  • Dark/Light Mode
  • Integrierter KI-Assistent mit OpenAI GPT-Integration

Installation

Einfache Installation

Führe im übergeordneten Verzeichnis folgendes aus:

python setup.py

Dies erstellt eine virtuelle Umgebung, installiert alle Abhängigkeiten und erstellt die CSS-Dateien mit Tailwind.

Manuelle Installation

  1. Repository klonen:

    git clone <repository-url>
    
  2. Python-Abhängigkeiten installieren:

    cd website
    pip install -r requirements.txt
    
  3. Environment-Variablen konfigurieren:

    cp example.env .env
    

    Bearbeite die .env-Datei und füge deinen OpenAI API-Schlüssel ein.

  4. CSS mit Tailwind erstellen:

    python build_css.py
    
  5. Datenbank initialisieren:

    python init_db.py
    
  6. Anwendung starten:

    python run.py
    

Entwicklung

Für die Entwicklung mit automatischem CSS-Reload:

python dev.py

Dieser Befehl startet sowohl den Flask-Server als auch den Tailwind CSS-Watcher, der CSS bei Änderungen automatisch neu generiert.

Verwendung des KI-Assistenten

Der KI-Assistent ist über folgende Wege zugänglich:

  1. Schwebende Schaltfläche: In der unteren rechten Ecke der Webseite ist eine Roboter-Schaltfläche, die den Assistenten öffnet.
  2. Navigation: In der Hauptnavigation gibt es ebenfalls eine Schaltfläche mit Roboter-Symbol.
  3. Startseite: Im "KI-Assistent"-Abschnitt auf der Startseite gibt es einen "KI-Chat starten"-Button.

Der Assistent kann bei folgenden Aufgaben helfen:

  • Erklärung von Themen und Konzepten
  • Suche nach Verbindungen zwischen Gedanken
  • Beantwortung von Fragen zur Plattform
  • Vorschläge für neue Gedankenverbindungen

Technologie-Stack

  • Backend: Flask, SQLAlchemy
  • Frontend: HTML, CSS, JavaScript, Tailwind CSS (ohne npm), Alpine.js
  • KI: OpenAI GPT API
  • Datenbank: SQLite (Standard), kann auf andere Datenbanken umgestellt werden

Konfiguration

Die Anwendung kann über Umgebungsvariablen konfiguriert werden. Siehe example.env für verfügbare Optionen.