diff --git a/README.md b/README.md index d58b3e5..95ba8fd 100644 --- a/README.md +++ b/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: