Pomodoro Timer App

Pomodoro Timer App

Ini adalah aplikasi fokus Pomodoro yang dirancang untuk meningkatkan produktivitas dengan pengatur waktu yang dapat disesuaikan. Aplikasi ini mencakup mode fokus, istirahat sejenak, dan istirahat panjang, serta kemampuan untuk meninjau statistik fokus mingguan Anda. Proyek ini dibangun menggunakan HTML, CSS, dan JavaScript.

Demo Langsung

Lihat versi langsungnya di sini.

Fitur

• Mode Fokus : Termasuk mode fokus, istirahat sejenak, dan istirahat panjang.
• Timer Kustom : Menyesuaikan durasi fokus, durasi istirahat, dan mengatur berapa banyak sesi fokus sebelum jeda panjang.
• Tema Gelap & Terang : Beralih antara mode gelap dan terang untuk kenyamanan yang lebih baik.
• Ulasan Mingguan : Lihat jam fokus harian Anda dan total waktu fokus setiap minggunya. Data disetel ulang pada awal setiap minggu baru.
• Penyimpanan Lokal : Pengaturan dan statistik mingguan Anda disimpan di penyimpanan lokal browser.

Inspirasi Desain

Desain aplikasi ini terinspirasi oleh kit Pomodoro Timer UI di Figma. Anda dapat melihat desain aslinya di sini.

Teknologi yang Digunakan

• HTML : Struktur aplikasi web.
• CSS : Gaya dan desain responsif.
• JavaScript : Fungsionalitas, pengatur waktu, manajemen pengaturan, dan persistensi data.

Cara Menjalankan Proyek Secara Lokal

1. Kloning repositori ini:

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

2. Arahkan ke direktori proyek:

    cd Pomodoro-Timer-App

3. Buka public/index.html di browser Anda untuk memulai aplikasi.

Kontribusi

Kontribusi dipersilakan! Jangan ragu untuk membagi repositori dan mengirimkan permintaan penarikan.