Pomodoro Timer App'ini Tek Kodla Üret!

Uzman bir web geliştirici rolünde, tek bir HTML dosyası içinde eksiksiz, bağımsız ve duyarlı bir Pomodoro zamanlayıcı web uygulaması oluşturulmasını sağlar. Uygulama, vanilla HTML, CSS ve JavaScript kullanılarak geliştirilir ve kullanıcıların odaklanma sürelerini ve mola zamanlarını verimli bir şekilde yönetmelerine olanak tanır. Geliştirilen uygulama, dairesel görsel zamanlayıcı, özelleştirilebilir çalışma oturumları, kısa ve uzun molalar gibi temel özelliklere sahiptir.

Kullanıcılar, başlatma, duraklatma ve sıfırlama düğmeleri aracılığıyla zamanlayıcıyı kolayca kontrol edebilirler. Oturum döngüsü sayacı, kullanıcıların ilerlemesini takip etmelerine yardımcı olurken, başlangıç ve bitiş için sesli bildirimler (Web Audio API ile basit bir bip sesi kullanarak) zaman yönetimini daha etkili hale getirir. Uygulama, modern bir kullanıcı deneyimi sunmak amacıyla koyu ve açık mod geçişi ile birlikte gelir ve seçilen birincil renk şemasına uygun olarak tasarlanır. Mobil uyumlu ve dokunmatik desteği olan bu uygulama, ayarları kaydetmek için localStorage özelliğini de içerir. Bu araç, üretkenliğini artırmak isteyen bireysel kullanıcılar, öğrenciler ve profesyoneller için idealdir.

{ }Değişken Açıklamaları:

• [WORK DURATION IN MINUTES]: Pomodoro uygulamasında çalışma seanslarının dakika cinsinden süresini belirler Örnek: 25, 30, 45.
• [SHORT BREAK DURATION IN MINUTES]: Pomodoro uygulamasında kısa molaların dakika cinsinden süresini tanımlar Örnek: 5, 7, 10.
• [LONG BREAK DURATION IN MINUTES]: Pomodoro uygulamasında 4 döngü sonrası uzun molaların dakika cinsinden süresini ayarlar Örnek: 15, 20, 30.
• [PRIMARY COLOR SCHEME]: Pomodoro uygulamasının ana renk temasını belirtir Örnek: blue, green, purple, orange.