SpeedType: Steigern Sie Ihre Schreibfähigkeiten
SpeedType ist ein interaktives webbasiertes Tippspiel, mit dem Sie Ihre Tippgeschwindigkeit und -genauigkeit verbessern können. Es basiert auf einem modernen Technologie-Stack und bietet eine ansprechende Möglichkeit, Ihre Tastaturkenntnisse zu verbessern.
Merkmale
- Fehlerverfolgung in Echtzeit
- WPM-Berechnung (Wörter pro Minute).
- Schlanke und reaktionsfähige Benutzeroberfläche
- Unterstützung für den Dunkelmodus
- Mehrsprachige Unterstützung (Englisch und Spanisch)
? Wichtiger Tech-Stack
- Reagieren : Zum Erstellen der Benutzeroberfläche
- Next.js : Für serverseitiges Rendern und Routing
- TypeScript : Für typsicheren Code
- Framer Motion : Für sanfte Animationen und Übergänge
- Rückenwind-CSS : Für schnelles und reaktionsfähiges Styling
- Zustand : Für eine effiziente Zustandsverwaltung
- Visual Studio Code : Als primäre Entwicklungsumgebung
? Erste Schritte
So führen Sie das Projekt lokal aus:
- Klonen Sie das Repository
- Abhängigkeiten installieren:
npm install
oder yarn install
- Führen Sie den Entwicklungsserver aus:
npm run dev
oder yarn dev
- Öffnen Sie http://localhost:3000 in Ihrem Browser
Einsatz
Das Projekt wird unter https://speedtype-v1.netlify.app bereitgestellt
? Benutzeroberfläche/UX
- Responsives Design mit Tailwind CSS
- Reibungslose Animationen mit Framer Motion
- Anpassbare Themen mit Unterstützung für den Dunkelmodus
? Staatsmanagement
Nutzt Zustand für eine effiziente und einfache Zustandsverwaltung
Leistungskennzahlen
Laut PageSpeed Insights (Stand 12.08.2024):
- Leistungsbewertung : 94/100 (Ausgezeichnet)
- Zugänglichkeit : 100/100
- Best Practices : 100/100
- SEO : 100/100
Diese Ergebnisse zeigen, dass SpeedType in hohem Maße für mobile Geräte optimiert ist und schnelle Ladezeiten, hervorragende Zugänglichkeit, Einhaltung von Web-Best Practices und starke SEO-Grundlagen bietet.
? Autor
Manjunath R
? Mitwirken
Beiträge, Probleme und Funktionswünsche sind willkommen! Schauen Sie sich gerne die Seite „Probleme“ an.
Lizenz
Dieses Projekt ist MIT-lizenziert.
Projektdemo
Videodemo
Untitled.video.-.Made.with.Clipchamp.6.mp4
Screenshots







Hergestellt mit ❤️ von Manjunath R