HTML, CSS ve Javascript ile Yazılmış Bir To Do List Uygulaması

[Cosmos_Philosopher]

Boş zamanımda yapay zeka ile yaptığım bir to do list uygulamasını Github ve bir Websitesi yayınladım. Eklenmesi gereken özellikleri isterseniz söyleyin isterseniz pr atın. Uygulamanın tanıtım metni aşağıdaki gibi

HTML, JavaScript ve Tailwind CSS ile oluşturulmuş kapsamlı ve özellik dolu bir Yapılacaklar Listesi uygulaması. Bu uygulama, kullanıcıların görevlerini yönetmelerine, performanslarını takip etmelerine ve düzenli kalmalarına yardımcı olur.

Özellikler

• Görev Yönetimi

  • Görev ekleme, düzenleme ve silme
  • Görevleri kategorize etme (İş, Kişisel, Sağlık)
  • Öncelik ve son tarih belirleme

• Performans Takibi

  • Tamamlanma oranı görselleştirmesi
  • Görev istatistikleri grafiği
  • Bekleyen ve gecikmiş görev takibi

• Etkileşimli Takvim

  • Aylık görev görünümü
  • Görev planlama
  • Aylar arasında gezinme

• Gelişmiş Filtreleme

  • Görevleri arama
  • Kategoriye göre filtreleme
  • Duyarlı tasarım

Kullanılan Teknolojiler

• HTML5
• Tailwind CSS
• JavaScript
• Chart.js
• Font Awesome
• Yerel Depolama

Başlarken

Gereksinimler

• Modern bir web tarayıcısı

Kurulum

1. Depoyu klonlayın
2. index.html dosyasını tarayıcınızda açın
3. Görevlerinizi yönetmeye başlayın!

Teşekkürler

• Tailwind CSS için stil çerçevesi.
• Font Awesome için simgeler.
• Chart.js için veri görselleştirme.

Ekran Görüntüleri

Katkıda Bulunma

Katkılar hoş karşılanır! Lütfen bu adımları izleyin:

1. Depoyu fork’layın
2. Özellik dalınızı oluşturun (git checkout -b feature/AmazingFeature)
3. Değişikliklerinizi kaydedin (git commit -m 'Bazı AmazingFeature ekle')
4. Dalınıza gönderin (git push origin feature/AmazingFeature)
5. Bir Pull Request açın

Son düzenleyen: @Cosmos_Philosopher 2024-11-29T08:07:37Z

[burak_oz]

Elinize sağlık, güzel bir proje olmuş.

Bu kısımdaki yazıların yerleştirilmesi biraz daha düzeltilebilir, aynı zamanda kategori ekleme özelliği olabilir. Bunların dışında beğendim.

[Cosmos_Philosopher]

Öncelikle teşekkürler hocam. Müsait olduğum bir zamanda inşallah eklemeler yapacağım.

[Awesum]

Başarılı bir uygulama. Tasarımı şık duruyor fakat çok fazla beyaz siyah tema seçeneği eklenebilir.

[Cosmos_Philosopher]

Tema kısmında çok fazla bir bilgim yok ancak yapmaya çalışacağım teşekkürler

v0.0.0.2’da Yeni eklediğim özellikler

Tema Değiştirme
Açık ve koyu mod
Özel renk temaları

Görev İçe/Dışa Aktarma
Görevleri JSON formatında dışa aktarma
Dış kaynaklardan görev içe aktarma

Önceliğe Göre Sıralama
Görevleri öncelik seviyesine göre sıralama
Özelleştirilebilir öncelik ayarları

Görev Geçmişi
Tamamlanan görevleri takip etme
Görev tamamlanma zaman çizelgesini görüntüleme
Detaylı görev geçmişi günlüğü

Projede Yapılacaklar

• Görev geçmişi (Task History) ekleme
• Görev içe aktarma (Import Task)
• Görev dışa aktarma (Export Task)
• Günün Notu özelliği ekleme
• Takvim iyileştirmeleri
• Tema seçeneklerinin çeşitlendirilmesi
• Performans takibinde daha fazla ayrıntı sağlama
• İnternetsiz çalışma özelliği ekleme
• Haftalık/Aylık görev özeti
• Öncelik bazlı performans analizi
• Gelişmiş bildirim sistemi
• Mobil uyumluluk iyileştirmeleri

[birdlet]

Elinize sağlık. Göze hoş görünen bir tasarım olmuş. Tek gözüme çarpan dark modda bazı butonların içerikleri okunmuyor. Sanırım gözünüzden kaçmış.

[Gokturk]

Bende bir sorun yok büyük ihtimalle siz dark reader gibi bir eklenti kullanıyorsunuz

edit: evet hata varmış benim karanlık modum düzeltiyormuş sanırım

[Cosmos_Philosopher]

@birdlet Evet dark modda hatalar var. En kısa zamanda düzeltmeyi düşünüyorum

@Gokturk Hocam bendede aynısı oldu. Geliştirirken tema eklentisi açık kaldığı için sorunsuz gözüküyordu. Yayınladıktan sonra fark ettim maalesef .

Site alan adını netlify de değiştirebileceğimi öğrendim

• v0.0.0.3’te Yenilikler

  • Karanlık Mod Uyumluluğu

    • Kullanıcı deneyimini artırmak için geliştirilmiş karanlık mod desteği

  • Takvim Bazlı Filtreleme

    • Görevleri takvim tarihlerine göre filtreleme
    • Belirli dönemlerde görev görünürlüğünü artırma

  • Mobil Uyumluluk İyileştirmeleri

    • Mobil cihazlar için optimize edilmiş düzen
    • Küçük ekranlarda kullanılabilirliği artırma

  • Mobil için Hamburger Menü

    • Responsive hamburger menü ile basitleştirilmiş navigasyon
    • Mobil cihazlarda tüm özelliklere kolay erişim

Proje Yapılacaklar Listesi

• Görev Geçmişi Ekle
• Görev İçe Aktarma
• Görev Dışa Aktarma
• Karanlık Mod Uyumluluğu
• Takvim Bazlı Filtreleme
• Mobil Uyumluluk İyileştirmeleri
• Mobil için Hamburger Menü
• Günlük Notlar özelliği ekle
• Tema seçeneklerini genişlet
• Çevrimdışı çalışma yeteneği ekle
• Detaylı performans raporları oluştur
• Haftalık/Aylık görev özetleri
• Öncelik bazlı performans analizi
• Gelişmiş bildirim sistemi