Minimal, odak odaklı ve dikkat dağıtmayan bir çalışma planlama uygulaması.
Bu proje, karmaşık productivity uygulamalarına alternatif olarak sade ama etkili bir odak sistemi oluşturma amacıyla geliştirildi.
Çoğu planlama aracı ya fazla karmaşık ya da kullanıcıyı gerçekten çalışmaya başlatacak bir akış sunmuyor.
Bu proje şu sorudan doğdu:
Gerçekten odaklanmayı kolaylaştıran sade bir sistem nasıl tasarlanır?
Amacımız:
- Kullanıcıyı plan yapmaya değil,
- Gerçekten çalışmaya başlatmak.
- 🗓 Saat bazlı ders planlama
- ⏱ Otomatik süre hesaplama
- 🔥 Fullscreen odak modu
- 📊 Dinamik progress ring
- ✅ Tamamlanan blok takibi
- 🗑 Blok silme (focus modunda da desteklenir)
- 💾 LocalStorage ile veri kalıcılığı
- 🌌 Minimal ve dikkat dağıtmayan UI
- Next.js (App Router)
- React (useState, useEffect)
- TypeScript
- Tailwind CSS
- Browser Fullscreen API
- LocalStorage
- Kullanıcı ders adı ve saat aralığı girer.
- Sistem otomatik olarak süreyi hesaplar.
- Odak modunda geri sayım başlar.
- Süre bittiğinde blok tamamlanır.
- Günlük ilerleme yüzdesi dinamik olarak güncellenir.
Focus sırasında blok silinirse:
- Timer durur
- Focus modu kapanır
- Veri senkron kalır
git clone https://github.com/kullaniciadi/proje-adi.git
cd proje-adi
npm install
npm run devTarayıcıda aç:
http://localhost:3000
Buraya ekran görüntüsü ekleyebilirsin:
/public/screenshot.png
README içine:
- 🎯 Günlük hedef sistemi
- 📅 Takvim entegrasyonu
- 📈 Haftalık istatistikler
- 🏆 Streak & gamification
- 🤖 Akıllı plan önerileri
Bu proje bir “feature demo” değil, davranış tasarımı üzerine küçük ama tamamlanmış bir ürün denemesi.
Amaç: Perfect product değil, Working MVP mindset’i.
MIT License