Hilfe – Projektliste Elektro Huml

Willkommen zur Hilfe-Seite der Projektliste – Elektro Huml.
Hier finden Sie alle Informationen zum Starten der App, zur Bedienung und zur Verwaltung von Projekten und Aufgaben.

🚀

Server starten

Visual Studio Code öffnen
Öffnen Sie VS Code und den Ordner projektliste-web.
Terminal öffnen
Drücken Sie Strg + ö um das Terminal zu öffnen.
Beim ersten Start: Abhängigkeiten installieren
npm install
Nur einmalig nötig.
Server starten
npm start
App im Browser öffnen
Adresse eingeben: http://localhost:3000

💡 Tipp: Die App ist nur verfügbar, wenn der Server läuft.

🛑

Server stoppen & Fehlerbehebung

Server stoppen: Im Terminal drücken Sie Strg + C

Fehler: Port 3000 bereits belegt

Falls diese Meldung erscheint: Error: listen EADDRINUSE: address already in use :::3000

npx kill-port 3000 && npm start

💡 Entwicklungsmodus (automatisches Neuladen bei Änderungen):

npm run dev

📁

Projekte verwalten

Aktion	So geht's
Neues Projekt erstellen	Button „+ Neues Projekt" oben rechts klicken → Namen eingeben → Erstellen
Projektnamen bearbeiten	Auf den Projektnamen (blauer Kopfbereich) klicken → Text ändern → Enter
Projekt suchen	Suchfeld oben rechts im Header – filtert alle Projektnamen live
Suche löschen	✕-Button neben dem Suchfeld klicken

💡 Projekte werden immer automatisch alphabetisch sortiert.

✅

Aufgaben verwalten

Aktion	So geht's
Neue Aufgabe hinzufügen	Button „+ Aufgabe" im Projektkopf klicken → Aufgabe, Stichpunkte, Status eingeben
Aufgabe bearbeiten	Auf den Aufgabentext klicken → Text ändern → Enter
Stichpunkte bearbeiten	Auf die Stichpunkte-Zelle klicken → Text ändern → Enter
Status ändern	Auf das farbige Status-Dropdown klicken → neuen Status wählen
Aufgabe löschen	✕-Symbol in der letzten Spalte klicken → Bestätigung
Aufgaben suchen	Suchfeld im blauen Projektkopf – filtert Aufgaben und Stichpunkte
Bearbeitung abbrechen	Escape-Taste drücken

⚠️ Gelöschte Aufgaben können nicht wiederhergestellt werden!

🎨

Status & Farben

Jede Aufgabe hat einen Status. Die Farbe ändert sich automatisch:

Offen Warten auf Antwort Erledigt

Status kann jederzeit per Dropdown in der Tabelle geändert werden.

🖨️

Drucken / PDF-Export

Button „🖨️ Drucken / PDF" oben rechts klicken.
Im Druckdialog: Ziel = Als PDF speichern wählen, um eine PDF-Datei zu erstellen.
Auf Speichern klicken und Speicherort auswählen.

💡 Alle Farben (blaue Projektköpfe, Statusfarben) werden im Druck korrekt wiedergegeben. Suchfelder und Buttons werden automatisch ausgeblendet.

💾

Datenspeicherung

Alle Daten werden automatisch gespeichert – kein manuelles Speichern nötig:

Aktion	Speicherung
Status ändern	✅ Sofort gespeichert
Aufgabe bearbeiten	✅ Sofort gespeichert
Neue Aufgabe hinzufügen	✅ Sofort gespeichert
Neues Projekt erstellen	✅ Sofort gespeichert
Nach Serverneustart	✅ Alle Daten bleiben erhalten

💡 Die Daten liegen in der Datei data/projects.json im Projektordner.

⌨️

Tastenkürzel

Taste	Funktion
Enter	Bearbeitung bestätigen & speichern
Escape	Bearbeitung abbrechen
Strg + C	Server stoppen (im Terminal)
Strg + ö	Terminal in VS Code öffnen
F5	Browser-Seite neu laden