React Native tabanlı bir verimlilik uygulaması: Pomodoro tekniğini oyunlaştırarak kullanıcıların odaklandıkları süreyi kaydeder ve sanal bir çiçek bahçesine dönüştürerek motivasyon sağlar.
- Proje
- Mimari ve Akış Şeması
- Özellikler
- Ekran Açıklamaları
- Kurulum
- Kullanım
- Linkler
- Lisans
- Katkıda Bulunanlar
- İletişim
FocusGarden, kullanıcıların odak sürelerini artırmayı hedefleyen, Pomodoro temelli bir mobil uygulamadır. Her çalışma seansı sonunda sanal bahçenize çiçekler eklenir veya kuruyan çiçekler görünür; böylece görsel ilerleme motivasyonunuzu pekiştirir.
| Bölüm | Görsel | Açıklama |
|---|---|---|
| Mimari Diyagram |
|
Uygulamanın React Native frontend’inden C# backend’ine, Convex veri tabanından bulut servislerine kadar uçtan uca veri akışını ve bileşenler arası entegrasyonu detaylı şekilde gösterir. |
| Algoritma Akış Şeması |
|
Zamanlayıcı seansının başlatılmasından sanal çiçeğin kademeli açılım animasyonuna ve Convex’e veri kaydına kadar tüm işlem adımlarını, karar noktalarını ve hata durumlarındaki yönlendirmeleri adım adım görselleştirir. |
- Zamanlayıcı: Çalışma süresini kaydeden ve ilerlemeyi dinamik animasyonlarla motive edici bir şekilde görselleştiren zamanlayıcı kısmı.
- Çiçek Bahçesi: Seans sonuçlarına göre çiçek ekleme animasyonları.
- Beyaz Gürültü Desteği: Odağa odaklanmayı kolaylaştıran ses oynatıcı.
- İlerleme Görselleştirme: Günlük/haftalık/aylık çalışma grafikleri.
- Profil ve Yer İşaretleri: Kullanıcı bilgileri, kaydedilen gönderiler ve paylaşımlar.
| No | Ekran | Görsel | Açıklama |
|---|---|---|---|
| 0 | Açılış Ekranı (Splash) |
|
- Uygulama ilk açıldığında görünen ekran. - Logo animasyonu ve yükleniyor göstergesi ile kullanıcı deneyimini zenginleştirir. - Yükleme tamamlandığında otomatik olarak Ana Ekran’a yönlendirir. |
| 1 | Ana Ekran (Home) |
|
- Takip edilen kullanıcıların paylaşımları kronolojik veya önerilen sırayla listelenir. - Her gönderide profil, zaman damgası, metin/görsel içeriği ve “beğen”, “yorum yap” ile “kaydet” butonları bulunur. - Yeni içerikler gerçek zamanlı güncellenir ve sonsuz kaydırma ile daha fazla gönderi yüklenir. |
| 2 | Bildirim Ekranı (Notification) |
|
- Takipçi etkileşimleri, beğeni/yorum bildirimlerinin kronolojik olarak gerçek zamanlı listelendiği ekran. |
| 3 | Oluştur (Create) |
|
- Kullanıcılar fotoğraf ekleyerek yeni gönderi oluşturur; görsel düzenleme seçenekleri, etiket ekleme ve paylaşım butonuyla içeriğini anında akışa dahil edebilir. |
| 4 | Çalışma Ekranı (Timer) |
|
- Seans ilerledikçe sanal çiçeğiniz kademeli olarak açılır; animasyonla tomurcuktan tam çiçeğe dönüşüm izlenir. - Seans ilerledikçe sanal çiçeğiniz kademeli olarak açılır; animasyonla tomurcuktan tam çiçeğe dönüşüm izlenir. - Sayısal gösterge, geçen süreyi net şekilde gösterir. - Seans başında seçilmiş beyaz gürültü veya kullanıcı ses dosyası otomatik oynatılır; ses kontrol butonuyla açma/kapatma ve ses düzeyi ayarlanabilir. |
| 5 | Profil (Profile) |
|
- Profil kısmında kullanıcı adı, profil fotoğrafı, gönderi, takipçi ve takip edilen sayıları tek bakışta gösterilir ve üstteki çıkış yap butonuyla profilden güvenli bir şekilde çıkış yapılabilir. - Düzenleme penceresinde adınızı ve biyografinizi girip “Save Changes” butonuna tıklayarak hızlıca güncelleme yapabilirsiniz. |
| 6 | Yer İşaretleri (Bookmarks) |
|
- Profil ekranından “Bookmarks” seçeneğine tıklanıldığında kaydedilen paylaşımlar ızgara düzeniyle görüntülenir. - Bu ekran sayesinde beğendiğiniz içeriklere hızlıca erişip yönetebilirsiniz. |
| 7 | Profil Bahçesi (Garden) |
|
- Profil ekranından “Garden” seçeneğine dokunulduğunda aylık sanal bahçe görünümü açılır; her gün için ayrılmış kareler ızgara düzeninde gösterilir. - Üstte Gün/Hafta/Ay/Yıl sekmeleriyle farklı zaman dilimlerinde odaklanma sürelerinizi seçebilir, alttaki grafik alanında ilgili döneme ait toplam çalışma dakikalarını görebilirsiniz. |
-
Depoyu klonlayın:
git clone https://github.com/sevginuroksuz/focusgarden.git cd focusgarden -
Bağımlılıkları yükleyin:
npm install
-
Uygulamayı başlatın:
npm start # veya Expo ile expo start
Aşağıdaki adımlar ile tüm özellikleri kullanabilirsiniz:
-
Zamanlayıcı Kontrolü
- Seans ilerledikçe sanal çiçeğiniz kademeli olarak açılır; animasyonla tomurcuktan tam çiçeğe dönüşüm izlenir.
- Sayısal gösterge, geçen süreyi net şekilde gösterir.
- Seans başında seçilmiş beyaz gürültü veya kullanıcı ses dosyası otomatik oynatılır; ses kontrol butonuyla açma/kapatma ve ses düzeyi ayarlanabilir.
-
Çiçek Bahçesi
- Seans tamamlandığında otomatik olarak bahçenize çiçek eklenir.
- Bahçe sekmesinde günlük, haftalık ve aylık ilerlemenizi inceleyin.
-
Profil Yönetimi
- Profil sekmesinden kullanıcı adı, toplam odak süresi, tamamlanan seans sayısı ve hedef ilerlemenizi görüntüleyin.
- Çubuk grafik ile günlük, haftalık, aylık ve yıllık hedef takibini yapın.
-
Yer İşaretleri (Bookmarks)
- Önemli veya beğendiğiniz gönderileri kaydedip Yer İşaretleri sekmesinde listeleyin.
-
Paylaşım
- Seans özetlerinizi veya kazandığınız rozetleri uygulamada gönderi olarak paylaşabilirsiniz.
- GitHub Depo: focusgarden
- YouTube Tanıtım Videosu: focusgarden-demo
Bu proje MIT Lisansı ile lisanslanmıştır.
- Sevgi Nur Öksüz (Proje sahibi ve baş geliştirici)
- Katkılarınız için pull request ve issue’ları bekliyoruz.
Sevgi Nur Öksüz – GitHub: sevginuroksuz