Pomodoro Timer App

Pomodoro Timer App

Dies ist eine Pomodoro-Fokus-App, die die Produktivität mit einem anpassbaren Timer verbessern soll. Die App umfasst die Modi „Fokus“, „Kurzpause“ und „Lange Pause“ sowie die Möglichkeit, Ihre wöchentlichen Fokusstatistiken zu überprüfen. Das Projekt wird mit HTML, CSS und JavaScript erstellt.

Live-Demo

Schauen Sie sich hier die Live-Version an.

Merkmale

• Fokusmodi : Beinhaltet die Modi Fokus, kurze Pause und lange Pause.
• Benutzerdefinierter Timer : Passen Sie die Fokusdauer und Pausenlängen an und legen Sie fest, wie viele Fokussitzungen vor einer langen Pause stattfinden.
• Dunkle und helle Themen : Wechseln Sie für mehr Komfort zwischen dunklen und hellen Modi.
• Wöchentlicher Rückblick : Sehen Sie sich Ihre täglichen Fokusstunden und die gesamte Fokuszeit für jede Woche an. Die Daten werden zu Beginn jeder neuen Woche zurückgesetzt.
• Lokaler Speicher : Ihre Einstellungen und wöchentlichen Statistiken werden im lokalen Speicher des Browsers gespeichert.

Design-Inspiration

Das Design dieser App ist von einem Pomodoro Timer UI-Kit auf Figma inspiriert. Den Originalentwurf können Sie hier ansehen.

Verwendete Technologien

• HTML : Struktur der Web-App.
• CSS : Styling und responsives Design.
• JavaScript : Funktionalität, Timer, Einstellungsverwaltung und Datenpersistenz.

So führen Sie das Projekt lokal aus

1. Klonen Sie dieses Repository:

   git clone https://github.com/arianimmen/Pomodoro-Timer-App.git

2. Navigieren Sie zum Projektverzeichnis:

    cd Pomodoro-Timer-App

3. Öffnen Sie public/index.html in Ihrem Browser, um die App zu starten.

Beiträge

Beiträge sind willkommen! Fühlen Sie sich frei, das Repository zu forken und Pull-Requests einzureichen.