Frontend Projesi

PomodoroCounter.

HTML, CSS ve Vanilla JavaScript ile sıfırdan inşa edilmiş, tam işlevsel bir Pomodoro zamanlayıcısı. Odaklanmayı kolaylaştırmak ve üretkenliği artırmak için tasarlandı.

Pomodoro
Kısa Mola
Uzun Mola
15:42
Focus Session
Özellikler
25 Dk Odak Seansı
Pomodoro tekniğine dayalı, kanıtlanmış 25 dakikalık odaklanma döngüsü ile derin çalışma moduna gir.
Otomatik Kısa Mola
Her seans bitiminde otomatik 5 dakikalık mola sistemi. Beynini dinlendir, sonra tekrar odaklan.
🔁
Seans Sayacı
Tamamladığın seansları gerçek zamanlı takip et. Günlük ilerlemenin farkında ol.
▶️
Tam Kontrol
Başlat, duraklat ve sıfırla. İhtiyacın olan her an tam kontrol senin elinde.
🎯
Minimal Arayüz
Dikkat dağıtmayan, temiz ve odaklanmış bir UI. Önemli olan tek şey: zamanlayıcı.
Sıfır Bağımlılık
Hiçbir harici kütüphane veya framework kullanılmadı. Saf, hızlı, hafif Vanilla JavaScript.
Teknoloji Yığını

Temelden inşa edildi.

Bu proje herhangi bir framework ya da kütüphane kullanmadan, temel web teknolojileriyle hayata geçirildi. Hem frontend becerilerini pekiştirmek hem de Pomodoro tekniğini interaktif bir araca dönüştürmek için harika bir egzersiz oldu.

HTML5
Yapı & Semantik İşaretleme
14.4%
CSS3
Stil, Animasyon & Responsive
46.6%
JavaScript
Zamanlayıcı Mantığı & Etkileşim
39.0%
Nasıl Çalışır
01
Başlat
Başlat butonuna tıkla. 25 dakikalık odaklanma seansın hemen başlıyor.
02
Odaklan
Görevine odaklan. Zamanlayıcı arka planda sayıyor, sen sadece çalış.
03
Mola Ver
Seans tamamlandığında 5 dakikalık kısa mola başlar. Zihnini dinlendir.
04
Tekrarla
Her tamamlanan seans sayaca eklenir. Döngü devam eder.
Gelecek Geliştirmeler
🌙
Karanlık / Aydınlık Mod
Kullanıcının tercihine göre otomatik tema geçişi veya manuel toggle.
🔔
Ses Bildirimleri
Seans ve mola geçişlerinde özelleştirilebilir ses efektleri.
⚙️
Özel Zamanlayıcı
Kullanıcının odak ve mola sürelerini serbestçe ayarlayabilmesi.
💾
Seans Geçmişi
LocalStorage ile tamamlanan seans verisini yerel olarak saklama ve raporlama.

© 2026 Eren Kahramanoğlu

HTML · CSS · Vanilla JavaScript