AI ile alışkanlık takip uygulaması nasıl yapılır

Prompt yazmadan önce, en küçük kullanışlı sürümü tanımlayın.

Bir alışkanlık takip uygulaması için bu genellikle şunları içerir:

• bugünün alışkanlıklarını gösteren bir ana ekran
• bir alışkanlığı tamamlandı ya da atlandı olarak işaretleme yolu
• alışkanlık oluşturma veya düzenleme ekranı
• seri sayıları veya haftalık tamamlama gibi basit ilerleme görünümleri
• temel ayarlar

Sonra her alışkanlığın hangi verilere ihtiyaç duyduğuna karar verin. Bunu sade tutun.

Pratik bir başlangıç modeli:

• alışkanlık adı
• renk veya ikon
• sıklık: günlük, hafta içi, özel günler
• hedef: günde bir kez, birden fazla kez, dakika, bardak, tekrar
• mevcut seri
• tamamlama geçmişi

Ayrıca bunun şu seçeneklerden hangisi olduğunu da belirleyin:

• kişisel tek kullanıcı prototipi
• giriş yapılı ve verisi kaydedilen bir uygulama
• abonelikli ücretli bir uygulama

Fikri yalnızca test etmek istiyorsanız, hesaplar ve ödemeler olmadan başlayın. Bu, ilk derlemeyi daha küçük ve incelemesi daha kolay hale getirir.

Moremade içinde uygulamayı düz dilde tarif edersiniz ve AI agent kaynak kodu yazar. Web siteleri için React ile Tailwind üretir. Mobil uygulamalar için React Native ile Expo üretir.

Bir alışkanlık takip uygulaması için ilk promptunuz şunları kapsamalı:

• platform: web uygulaması mı mobil uygulama mı
• temel ekranlar
• ana işlemler
• görsel stil
• verinin şimdilik yerel olup olamayacağı ya da backend gerekip gerekmediği

Örnek ilk prompt:

Expo kullanarak React Native'de bir mobil alışkanlık takip uygulaması oluştur. Bugünün alışkanlıklarını kartlar halinde gösteren, tamamlandı olarak işaretlemek için checkbox veya dokunma alanı olan temiz ve sade bir arayüz istiyorum. Bir alışkanlık oluşturma ekranı ve bir alışkanlık düzenleme ekranı ekle. Her alışkanlık; ad, ikon, renk, sıklık ve günlük hedef sayısını desteklesin. Mevcut seri ve son 7 gün tamamlama bilgilerini içeren bir ilerleme görünümü ekle. Şimdilik yalnızca yerel örnek veriyle başla, henüz giriş yapma olmasın. Sakin, minimal bir stil, net boşluklar ve büyük dokunma alanları kullan.

Bu, her pikseli aşırı detaylandırmadan ilk çalışan yapıyı elde etmek için yeterlidir.

İlk üretimden sonra, uygulamayı incelemek için canlı önizlemeyi kullanın. Her şeyi tek bir dev takip isteğiyle düzeltmeye çalışmayın. Ekran ekran ilerleyin.

Şunlara bakın:

• ana akışın tamam olup olmadığına
• alışkanlık kartlarının kolay taranıp taranamadığına
• mobil dokunma alanlarının yeterince büyük olup olmadığına
• ilerleme bilgisinin anlaşılır olup olmadığına
• etiketlerin kullanıcıların alışkanlıkları nasıl düşündüğüyle eşleşip eşleşmediğine

İyi takip promptları belirli ve sınırlıdır. Örneğin:

• "Ana ekranda alışkanlıkları Sabah, Öğleden Sonra ve Akşam bölümlerine ayır."
• "Tamamlama eylemini her alışkanlık kartının sağ tarafında daha büyük, dairesel bir onay düğmesi yap ve mevcut seriyi alışkanlık adının altında göster."
• "Basit bir 7 günlük ızgara ve bu hafta tamamlanma yüzdesi olan haftalık bir ilerleme ekranı ekle."

Moremade ayrıca görsel denetleyici ve kod görünümü sunar; bu da hangi öğeyi değiştirmek istediğinizi tam olarak bildiğinizde yardımcı olur. Daha geniş ürün değişiklikleri için sohbeti, belirli bir düğmeyi, kartı veya boşluk sorununu işaret etmek istediğinizde ise denetleyiciyi kullanın.

Bir alışkanlık takip uygulaması, çoğu zaman cihazlar arasında kayıtlı ilerleme gerektirir. Bu önemliyse, temel arayüz anlamlı hale geldikten sonra Supabase ekleyin.

Supabase burada ilgili yerleşik bağlayıcıdır çünkü şunları kapsar:

• veritabanı tabloları
• giriş yapma
• ileride avatar veya yükleme eklerseniz dosya depolama

Mantıklı bir sıra şu şekildedir:

1. Önce uygulamayı yerel verilerle oluşturun.
2. Ekranların ve etkileşimlerin doğru hissettirdiğini doğrulayın.
3. Supabase bağlayın.
4. Moremade'den yerel örnek verileri gerçek alışkanlık kayıtları ve tamamlama geçmişiyle değiştirmesini isteyin.
5. Kullanıcıların özel veriye ihtiyacı varsa giriş yapmayı ekleyin.

Birçok alışkanlık takip uygulaması için başta Stripe gerekmez. Stripe'ı yalnızca abonelik planı veya tek seferlik premium yükseltme gibi gerçekten ücretli bir ürün oluşturuyorsanız ekleyin. Moremade, belirlediğiniz fiyatlarla Stripe checkout'u destekler, ancak bu ilk sürüm için ekstra karmaşıklıktır.

İlk veritabanı modelini basit tutun:

• users
• habits
• habit_completions

Bu genellikle kullanılabilir bir MVP için yeterlidir.

Uygulama önizlemede iyi görünse bile, alışkanlık takip uygulamaları hızlı ve tekrar eden anlarda kullanılır. Test odağı hız ve netlik olmalıdır.

Şu pratik noktaları kontrol edin:

• Bir alışkanlığı tek dokunuşla tamamlandı olarak işaretleyebiliyor musunuz?
• Alışkanlık ekleme akışı yeterince kısa mı?
• Seriler ve geçmiş, arayıp bulmadan okunabiliyor mu?
• Düğmelere telefonda kolayca basılabiliyor mu?
• Uygulama çok fazla alışkanlık olduğunda da anlamlı kalıyor mu?

Expo ile bir mobil uygulama oluşturuyorsanız, boşluk, kaydırma davranışı ve form girdilerine özellikle dikkat edin. Bir web sitesi oluşturuyorsanız, dar mobil genişlikleri test edin ve düzenin başparmak kullanımını hâlâ desteklediğinden emin olun.

Bu aşamada kullanışlı iyileştirme promptları:

• "Yeni bir alışkanlık oluşturmak için gereken dokunuş sayısını azalt."
• "Ana ekranın küçük bir telefon genişliğinde daha iyi çalışmasını sağla; daha büyük boşluklar ve sabit alt gezinme ekle."
• "Üstte bugünün tamamlama sayısını göster ve tamamlanan alışkanlıkları görsel olarak soluklaştır."

Bu test aşaması genellikle görsel ciladan daha erken ürün sorunlarını ortaya çıkarır.

Uygulama kullanılabilir hale geldiğinde onu yayınlayın. Moremade, yourname.moremade.ai alt alan adına tek tıklamayla yayın yapabilir. Bu; demo, kullanıcı testi veya iş arkadaşlarıyla paylaşım için iyi bir varsayılan seçenektir.

Markalı bir adres gerekiyorsa, ücretli planlar özel alan adlarını destekler. Alan adları ayrıca Moremade içinde de satın alınabilir.

Yayınlamadan önce kısa bir sürüm kontrolü yapın:

• yer tutucu metinleri ve sahte etiketleri kaldırın
• önemli düğmelerin çalıştığından emin olun
• varsa Supabase bağlantısının doğru projeyi kullandığını doğrulayın
• etkinse giriş ve çıkış testini yapın
• uygulama başlığını ve temel meta verileri doğrulayın

Moremade tam kaynak kodunu ZIP olarak dışa aktarmanıza veya GitHub'a göndermenize izin verdiği için, yayın yapmak kilitlenmekle aynı şey değildir. Moremade içinde iyileştirmeye devam edebilir veya daha sonra kodu başka bir yere taşıyabilirsiniz.

Genelde sorun teknik değildir. Çok erken çok fazla şey yapmaktan kaynaklanır.

Şu hatalardan kaçının:

• Hesaplar, ödemeler, hatırlatıcılar, sosyal özellikler ve analitiğe aynı anda başlamak. Önce alışkanlık oluşturma ve tamamlama akışını kurun.
• Belirsiz promptlar yazmak. "Bir alışkanlık takip uygulaması yap" çok geniştir. Ekranları, eylemleri ve veri alanlarını adlandırın.
• Her promptta çok fazla şeyi değiştirmek. Küçük istekler daha net sonuçlar üretir ve doğrulanması daha kolaydır.
• Sadece üç alışkanlığı olan ideal kullanıcıya göre tasarlamak. On ya da yirmi alışkanlık olduğunda ne olduğunu kontrol edin.
• Dışa aktarmayı atlamak. Kararlı bir sürüme ulaştığınızda ZIP'i indirin veya GitHub'a gönderin.
• Sürüm geçmişini görmezden gelmek. Daha büyük değişikliklerden önce anlamlı kontrol noktaları kaydedin.

İyi bir ilk sürüm, kullanıcının bir alışkanlık ekleyebildiği, tamamlayabildiği ve son ilerlemesini açıklama olmadan anlayabildiği sürümdür.