"Neues README.md"

README.md

@@ -13,7 +13,16 @@ Ein kleiner webbasierter Tipptrainer, der Ihnen hilft, das Zehnfingerschreiben z
 - **Responsive Design**: Funktioniert auf Desktop und mobilen Geräten
 - **Dark/Light Mode**: Anpassbare Oberfläche
 - **Flexible Lektionen-Auswahl**: Direkter Zugriff auf beliebige Lektionen
-- **Zeilenweises Tippen**: Text wird zeilenweise dargestellt und abgetippt
+- **Direkte Tastatureingabe**: Tippen Sie direkt im Vorlagenfeld - kein separates Eingabefeld mehr nötig
+- **Visuelles Feedback**: 
+  - Blinkender Cursor zeigt die aktuelle Position
+  - Korrekte Zeichen werden grün hervorgehoben
+  - Falsche Zeichen werden rot markiert mit orangefarbener Anzeige des falsch eingegebenen Zeichens
+- **Intuitive Steuerung**: 
+  - Pfeiltasten zur Cursor-Bewegung
+  - Backspace zur Korrektur
+  - Kompakte Button-Anordnung mit "Weiter", "Leistung", "Statistik" und "Beenden"
+- **Platzsparendes Design**: Optimierte Anordnung der Elemente für beste Übersicht
 - **Anti-Cheat-Schutz**: Verhindert Copy-Paste und andere unerlaubte Hilfen
 
 ## Technologien
@@ -83,9 +92,15 @@ typewriter/
 
 1. Starten Sie die Anwendung und öffnen Sie sie im Browser
 2. Wählen Sie eine Lektion aus der Lektionsleiste
-3. Tippen Sie den angezeigten Text zeilenweise in das Eingabefeld
+3. Tippen Sie den angezeigten Text direkt im Vorlagenfeld - der Cursor zeigt Ihre aktuelle Position
 4. Ihre Statistiken (ZPM, WPM und Fehlerrate) werden in Echtzeit aktualisiert
-5. Wechseln Sie zur nächsten Lektion oder besuchen Sie die Statistik-Seite
+5. Nutzen Sie die Funktionen:
+   - **Weiter**: Nächsten Text laden
+   - **Leistung**: Detaillierte Leistungsstatistiken ein-/ausblenden
+   - **Statistik**: Zur Statistik-Seite navigieren
+   - **Beenden**: Sitzung beenden
+6. Bewegen Sie den Cursor mit Pfeiltasten und korrigieren Sie Fehler mit Backspace
+7. Wechseln Sie zur nächsten Lektion oder besuchen Sie die Statistik-Seite
 
 ## Zeitmessung und Statistik
 
@@ -98,6 +113,24 @@ Die Zeitmessung beginnt mit dem ersten Tastendruck und läuft kontinuierlich. Fo
 - **Fehlerrate** in Prozent: (Falsche Zeichen * 100) / Korrekte Zeichen
 - **Wörter pro Minute (WPM)**: (Korrekte Zeichen / 5) / (verstrichene Zeit in Minuten)
 
+## Besondere Features
+
+### Direkte Tastatureingabe
+- Tastatureingaben werden direkt im Vorlagenfeld erfasst
+- Kein separates Eingabefeld mehr erforderlich
+- Fokus bleibt immer auf dem Text
+- Cursor-Position wird durch blinkenden Unterstrich visualisiert
+
+### Visuelles Feedback
+- **Korrekte Zeichen**: Grün hervorgehoben
+- **Falsche Zeichen**: Rot markiert mit orangefarbener Überlagerung des falsch eingegebenen Zeichens
+- **Cursor**: Blinkender blauer Unterstrich (im Dark-Mode cyan) unter dem aktuellen Zeichen
+
+### Erweiterte Steuerung
+- **Pfeiltasten Links/Rechts**: Bewegen den Cursor im Text
+- **Backspace**: Löscht Zeichen an der Cursor-Position
+- **Enter**: Wird automatisch erkannt, wenn im Vorlagentext vorhanden
+
 ## Statistik-Seite
 
 Die Anwendung bietet eine detaillierte Statistik-Seite unter `/statistics` mit: