Dies ist eine Pomodoro-App, die mit React und Next.js erstellt wurde. Die App hilft Benutzern, ihre Produktivität zu steigern, indem sie die Pomodoro-Technik anwenden, die eine effektive Methode zur Zeitverwaltung ist.
Probiere sie aus: https://pomodoro-app-amber-two.vercel.app/
Um die App auszuführen, führen Sie die folgenden Schritte aus:
- Stellen Sie sicher, dass Sie Node.js und npm auf Ihrem Computer installiert haben.
- Klonen Sie das Repository auf Ihren Computer.
- Öffnen Sie ein Terminalfenster im Projektverzeichnis und führen Sie den folgenden Befehl aus, um alle Abhängigkeiten zu installieren:
npm install- Führen Sie den folgenden Befehl aus, um die App im Entwicklungsmodus zu starten:
npm run dev- Öffnen Sie Ihren Browser und navigieren Sie zur folgenden Adresse:
http://localhost:3000
Die App sollte nun in Ihrem Browser geöffnet werden.
Die App enthält eine Timer-Komponente, die die Pomodoro-Technik anwendet. Die App startet standardmäßig im Arbeitsmodus mit einer Dauer von 25 Minuten. Sobald die Zeit abgelaufen ist, wechselt die App automatisch in den Ruhezustand mit einer Dauer von 5 Minuten.
Sie können die Start-/Pause-Schaltfläche verwenden, um den Timer zu starten oder anzuhalten. Sie können auch die Reset-Schaltfläche verwenden, um den Timer auf den Ausgangszustand zurückzusetzen.
Die App wurde mit React und Next.js erstellt und verwendet CSS-Module für die Gestaltung. Sie können die Komponenten- und CSS-Dateien anpassen, um die App Ihren Anforderungen anzupassen.