TaskMaster Logic, modern web teknolojilerinin sınırlarını zorlayan, estetik ve işlevselliği tek bir noktada buluşturan bir verimlilik aracıdır. Bu proje, "sıradan" bir yapılacaklar listesinden öte, karmaşık DOM manipülasyonlarını ve kullanıcı deneyimi (UX) odaklı bir mimariyi temsil eder.
Uygulamayı şu an test edebilirsiniz: 👉 TaskMaster Logic Canlı
Bu projeyi geliştirirken odak noktam sadece görsel değil, aynı zamanda sağlam bir kod mimarisiydi:
- Logic Architecture: JavaScript tarafında veriler dinamik olarak yönetilir, hafıza dostu bir yapı kullanılmıştır.
- Zero-Div Policy: HTML yapısında gereksiz
divkullanımından kaçınılarak, tamamen Semantik HTML5 (main,section,header,footer) tercih edilmiştir. - Cosmic UI: Kullanıcıyı yormayan ama içine çeken, derinlik algısı yüksek bir "Dark Space" teması uygulandı.
- Fluid Responsive: Tek bir medya sorgusuyla değil, esnek bir ızgara sistemiyle tüm ekranlarda kusursuz uyum sağlar.
| Teknoloji | Kullanım Amacı |
|---|---|
| HTML5 | Erişilebilirlik ve SEO uyumlu semantik iskelet. |
| CSS3 (Advanced) | Glassmorphism, CSS Variables ve Custom Animations. |
| Vanilla JS | Event Listeners, Local Storage (planlanan) ve DOM Logic. |
- Görev Ekleme: Ana giriş alanına görevinizi yazın ve Enter tuşuna veya ekle butonuna basın.
- Yönetim: Tamamlanan görevleri işaretleyerek listenizi güncel tutun.
- Filtreleme & Temizleme: Tamamlanan görevleri toplu olarak silebilir veya listenizi tek tıkla temizleyebilirsiniz.
"Bu proje, bir yazılımcının tasarım ve mantık arasındaki köprüyü nasıl kurduğunun bir kanıtıdır. TaskMaster Logic ile sadece görevleri değil, kodun akışını da disipline ettim."
Eğer projeyi beğendiyseniz bir ⭐ bırakmayı unutmayın! Geliştirme önerilerine her zaman açığım.
MuhammedEdev - Frontend Developer & Logic Enthusiast