
AI ile Fitness Uygulaması Nasıl Geliştirilir
Bu rehber, Moremade’i pratik bir örnek olarak kullanarak AI ile nasıl bir fitness uygulaması geliştireceğinizi gösterir. Sonunda, basit bir fitness takip uygulaması planınız, kullanıma hazır ilk prompt’unuz ve uygulamayı iyileştirme, test etme ve yayınlama için net bir süreciniz olacak. Temel bir ilk sürüm için, takip, giriş ve ödemelerde ne kadar ayrıntı istediğinize bağlı olarak yaklaşık 30 ila 90 dakika ayırın.
Önce uygulamanın gerçekte neye ihtiyaç duyduğuna karar verin
Bir şey üretmeden önce ilk sürümü net biçimde tanımlayın. Fitness uygulamaları çoğu zaman antrenmanları, beslenmeyi, koçluğu, ödemeleri, giyilebilir cihazları ve topluluk özelliklerini tek seferde ele almaya çalıştığı için karmaşık hale gelir.
İlk geliştirme için kapsamı dar tutun. Pratik bir başlangıç uygulaması genellikle şunları içerir:
- günün ilerlemesini gösteren bir ana ekran
- bir antrenman kayıt ekranı
- bir geçmiş veya takvim ekranı
- bir profil veya ayarlar ekranı
- antrenman oluşturma veya düzenleme yolu
Sonra uygulamanın hangi verileri saklayacağına karar verin. Basit bir fitness takip uygulaması için bunlar şunlar olabilir:
- kullanıcı profili
- antrenman adı
- egzersiz listesi
- setler, tekrarlar, ağırlık, süre veya mesafe
- antrenman tarihi
- notlar
- tamamlanan seanslar
Ayrıca insanların hesap açmasına gerek olup olmadığını belirleyin. Uygulama kişisel geçmişi cihazlar arasında saklayacaksa giriş yapmak mantıklıdır. Sadece bir prototip ya da kişisel, çevrimdışı tarzı bir takip aracıysa, kimlik doğrulama olmadan başlayıp bunu daha sonra ekleyebilirsiniz.
Koçluk planları veya abonelikler için ücret almayı planlıyorsanız bunu da baştan not edin. Moremade, belirlediğiniz fiyatlarla ödeme alma için yerleşik bir Stripe bağlantısına sahiptir; ancak ödemeleri yalnızca uygulamanın ilk sürümde gerçekten ihtiyaç duyması halinde ekleyin.
Yeterli ayrıntıyla ilk prompt’u yazın ki işe yarar bir taslak çıksın
Moremade, uygulamayı sade bir dille anlattığınızda en iyi şekilde çalışır. Mobil uygulamalar için React Native ile Expo üretir ve canlı önizlemeyi kontrol ederken uygulamayı sohbet üzerinden değiştirmeye devam edebilirsiniz.
Zayıf bir prompt genellikle fazla belirsizdir; örneğin “bir fitness uygulaması yap” gibi. Daha iyi bir prompt, hedef kullanıcıyı, temel ekranları, önemli verileri ve etkileşim stilini açıklar.
Şuna benzer bir prompt kullanın:
Güç antrenmanlarını kaydetmek isteyen kişiler için bir mobil fitness takip uygulaması oluştur. Temiz, sade bir düzen; net butonlar ve büyük metin kullan. Şu ekranları oluştur: Home, Log Workout, History ve Profile. Home ekranında bugünkü antrenman durumunu ve hızlı istatistikleri göster. Log Workout ekranında kullanıcının egzersiz, set, tekrar ve ağırlık eklemesine; ayrıca notlar ve antrenman süresi girmesine izin ver. History ekranında önceki antrenmanları tarihlerle birlikte kaydırılabilir bir listede göster. Profile ekranında temel kullanıcı bilgilerini ve antrenman hedeflerini göster. İlk olarak mock data kullan ve gezinmeyi telefonda kolay olacak şekilde tasarla.
Bu tür bir prompt, yapay zekânın inceleme yapılabilir bir şey üretmesi için yeterli yapı sağlar; aynı zamanda her küçük uygulama kararını dayatmaz.
Önizlemeyi inceleyin, sonra spesifik takip prompt’larıyla iyileştirin
İlk taslak genellikle bitmiş uygulama değil, bir başlangıçtır. Canlı önizlemeyi açın ve uygulamaya sadece kurucu gibi değil, bir ürün değerlendiricisi gibi bakın.
Şu pratik konulara dikkat edin:
- Ana eylem açık mı?
- Kullanıcı bir antrenmanı bir dakikadan kısa sürede kaydedebiliyor mu?
- Metin boyutları telefonda okunabilir mi?
- Veri, insanların antrenman yapma biçimine uygun şekilde gruplanmış mı?
- Tek bir ekranda çok fazla alan var mı?
Moremade bir görsel denetleyici içerir; böylece bir öğeyi işaret edip değiştirebilirsiniz. Ayrıca üretilen kodu doğrudan incelemek isterseniz bir kod görünümü de vardır.
İyi takip prompt’ları somut olur. Örneğin:
- “Log Workout ekranını her egzersiz bir kart olarak görünecek şekilde değiştir; Add Set ve Remove Set butonları ekle. Düzen mobil kullanım için kompakt kalsın.”
- “Home ekranına tamamlanan antrenman sayısı, toplam setler ve toplam antrenman süresini gösteren haftalık bir ilerleme özeti ekle.”
- “Profil ayarlarını daha küçük bir bölüme taşıyarak gezinmeyi sadeleştir ve antrenmanları haftaya göre gruplayarak History ekranını daha kolay taranır hale getir.”
İyileştirme yaparken her seferinde tek bir alanı değiştirin. Görsel tasarımı, veri değişikliklerini ve yeni özellikleri tek bir mesajda isterseniz inceleme zorlaşır ve gerilemeleri fark etmek daha kolay olur.
Uygulamanın buna gerçekten ihtiyacı olduğunda giriş veya kayıtlı veri ekleyin
Birçok fitness uygulamasının kalıcı veriye ihtiyacı vardır. Kullanıcılar antrenman geçmişlerini kaydetmek, cihazlar arasında paylaşmak veya bir hesaba bağlamak istiyorsa, bir backend ekleyin. Moremade, veritabanı, giriş ve dosya depolama için Supabase içerir.
Mantıklı bir ilerleme şu şekildedir:
- mock data ile başlayın
- ekranları ve akışları doğrulayın
- yapı doğru hissettirdiğinde Supabase ekleyin
Bu uygulama için Supabase şu durumlarda kullanışlıdır:
- e-posta veya hesap tabanlı giriş
- kaydedilmiş antrenman geçmişi
- kullanıcıya özel hedefler
- profil verileri
- zaman içindeki kayıtlı ilerleme
Şuna benzer bir şey isteyebilirsiniz:
- “Bu uygulamayı Supabase’e bağla. Giriş ekle, antrenmanları kullanıcıya göre sakla ve egzersiz girişlerini tarih, set, tekrar, ağırlık, süre ve notlarla kaydet.”
Yalnızca bir şey satıyorsanız Stripe ekleyin; örneğin bir koçluk aboneliği veya ücretli antrenman planı gibi. Moremade, belirlediğiniz fiyatlarla ödeme alma için yerleşik bir Stripe bağlantısına sahiptir. Uygulama sadece kişisel bir takip aracıysa, ödemeleri atlayın ve ürünü daha sade tutun.
Bu aynı zamanda veri yapısını düşünme zamanıdır. Antrenman kayıtları birçok egzersiz içerebiliyorsa ve her egzersiz de birçok set içerebiliyorsa, üretilen uygulamanın veriyi beklediğiniz şekilde modellemesi için bunu talimatlarınızda açıkça belirtin.
Telefonda test edin ve pürüzlü noktaları düzeltin
Fitness uygulamaları hareket halindeyken, çoğu zaman tek elle, parlak spor salonlarında veya set aralarında kullanılır. Mobil test bu nedenle birçok dahili araçtan daha önemlidir.
Yaygın kullanıcı görevlerini deneyin:
- bir antrenmanı başlatmak
- bir egzersiz eklemek
- setleri hızlıca kaydetmek
- yanlış girilmiş bir kaydı düzeltmek
- antrenmanı bitirmek
- önceki seansı incelemek
Sık görülen mobil sorunları kontrol edin:
- başparmak için fazla küçük butonlar
- tek ekranda çok fazla metin
- parlak ışıkta düşük kontrast
- tekrar eden giriş sırasında yavaş hissettiren formlar
- önemli istatistiklerin sayfanın fazla aşağısına itilmesi
Bir akış hantal geliyorsa, tam etkileşimi yeniden düzenleyin. Örneğin tekrar ve ağırlık girişi yavaşsa, daha büyük giriş kontrolleri, daha az dokunuş veya daha hızlı bir set ekleme düzeni isteyin.
Moremade mobil uygulamalar için gerçek React Native (Expo) kodu ürettiği için kapalı bir maketle sınırlı değilsiniz. İsterseniz kaynak kodu ZIP olarak dışa aktarabilir veya geliştirmeye araç dışında devam etmek için GitHub’a gönderebilirsiniz.
Uygulamayı yayınlayın ve gerekiyorsa bir alan adı bağlayın
Temel deneyim çalıştığında uygulamayı yayınlayın. Moremade, tek tıkla ücretsiz yourname.moremade.ai alt alan adına yayınlamanıza izin verir. Bu, çalışan bir prototipi paylaşmak, iç inceleme yapmak veya erken kullanıcı geri bildirimi almak için kullanışlıdır.
Ücretli plandaysanız özel bir alan adı bağlayabilirsiniz. Alan adları Moremade içinde de satın alınabilir.
Yayınlamadan önce kısa bir sürüm kontrolü yapın:
- ekran adlarının ve etiketlerin tutarlı olduğunu doğrulayın
- artık ihtiyaç duymadığınız yer tutucu içerikleri kaldırın
- gerçek kullanıcı verisi gerekiyorsa mock verilerin değiştirildiğinden emin olun
- etkinse girişin çalıştığını doğrulayın
- Stripe eklediyseniz ödemenin çalıştığını doğrulayın
- kaydetme sonrası gezinmenin kullanıcıları doğru yere götürdüğünü kontrol edin
Kendi depo veya ekip iş akışınız için kod tabanına ihtiyacınız varsa, tam kaynak kodu ZIP olarak dışa aktarın veya GitHub’a gönderin. Moremade, üretilen uygulama kodu için sizi kapalı bir çalışma zamanına kilitlemez.
Kaçınılması gereken yaygın hatalar
En yaygın sorun, çok geniş başlamaktır. Yarısı yapılmış bir antrenman platformundan ziyade kullanışlı bir fitness takip uygulaması daha iyidir.
Şu hatalardan kaçının:
- Belirsiz prompt’lar yazmak. “Bir fitness uygulaması oluştur” fazla açık uçludur. Ekranları, kullanıcıları ve tam olarak neyin takip edildiğini belirtin.
- Hesapları çok erken eklemek. İlk günden cihazlar arası geçmiş şart değilse mock data ile başlayın.
- Gerçek bir ücretli özellik olmadan ödeme eklemek. Stripe, gerçekten bir teklifi desteklemeli; yalnızca bağlantı mevcut diye eklenmemeli.
- Log ekranını aşırı doldurmak. Kullanıcılar set aralarında veri giriyorsa hız, görsel karmaşıklıktan daha önemlidir.
- Bir prompt’ta çok fazla şeyi değiştirmek. Küçük revizyonlar incelemesi daha kolaydır ve önceki çalışmayı bozma ihtimali daha düşüktür.
- Telefon testini atlamak. Masaüstü önizlemede iyi görünen bir düzen, küçük ekranda yine de hantal olabilir.
Kullanımı da dikkate alın. Moremade çalışmayı Build Units ile ölçer. İlk site yapımı yaklaşık 8 unit, küçük bir düzenleme ise yaklaşık 1 unit’tir. Bu da uygulamayı iyileştirirken yineleme maliyeti hakkında kaba bir fikir verir.
Bu istemi dene
Güç antrenmanlarını kaydetmek isteyen kişiler için bir mobil fitness takip uygulaması oluştur. Temiz, sade bir düzen; net butonlar ve büyük metin kullan. Şu ekranları oluştur: Home, Log Workout, History ve Profile. Home ekranında bugünkü antrenman durumunu ve hızlı istatistikleri göster. Log Workout ekranında kullanıcının egzersiz, set, tekrar ve ağırlık eklemesine; ayrıca notlar ve antrenman süresi girmesine izin ver. History ekranında önceki antrenmanları tarihlerle birlikte kaydırılabilir bir listede göster. Profile ekranında temel kullanıcı bilgilerini ve antrenman hedeflerini göster. İlk olarak mock data kullan ve gezinmeyi telefonda kolay olacak şekilde tasarla.
Sorular
Moremade ile AI kullanarak bir fitness uygulaması geliştirmek ne kadar tutar?
Moremade’de ücretsiz plan $0’dır; her 30 günde 10 Build Units, `moremade.ai` alt alan adına yayınlama ve ZIP dışa aktarma içerir. Ücretli planlar, yıllık faturalandırıldığında aylık $17 veya aylık $20 olan Standard ile başlar; bu planda her 30 günde 100 Build Units, özel alan adı desteği, özel proje barındırma ve sürüm geçmişi bulunur. Pro, yıllık faturalandırıldığında aylık $167 veya aylık $200’dür; her 30 günde 750 Build Units, öncelikli üretim, sınırsız proje ve öncelikli destek içerir. Ücretli planlarda ek Build Unit paketleri satın alınabilir.
Kod bilmeme gerek var mı?
Hayır. Uygulamayı sade bir dille tarif edebilir, canlı önizlemeyi inceleyebilir ve değişiklikleri sohbet üzerinden yapabilirsiniz. Yine de ekranlar, veri ve kullanıcı akışları hakkında net düşünmek faydalıdır. Kod biliyorsanız kod görünümü incelemeyi kolaylaştırabilir.
Uygulamanın kodunun sahibi ben miyim?
Tam kaynak kodunu istediğiniz zaman ZIP olarak dışa aktarabilir veya GitHub’a gönderebilirsiniz. Web siteleri gerçek React ve Tailwind kodudur, mobil uygulamalar ise React Native ile Expo kullanır. Bu da isterseniz Moremade dışında kod üzerinde çalışmaya devam edebileceğiniz anlamına gelir.
Kullanıcı hesapları ve kaydedilmiş antrenman geçmişini daha sonra ekleyebilir miyim?
Evet. Mantıklı yaklaşım, mock data ile başlayıp uygulama akışını test etmek, ardından giriş, veritabanı depolama veya dosya depolama gerektiğinde Supabase bağlamaktır. Bu, ilk sürümü daha basit tutar ve fazla erken yapılandırma yapmaktan kaçınır.
Bu, daha karmaşık bir ürüne zamanla ölçeklenebilir mi?
Evet; ancak pratik yaklaşım, temel akışı kanıtlayan küçük bir sürümle başlamaktır. Kaynak kodu dışa aktarabildiğiniz veya GitHub’a gönderebildiğiniz için uygulama daha sonra daha derin özel geliştirme, daha karmaşık backend mantığı veya daha geniş bir ürün ekibi iş akışı gerektirse de sıkışıp kalmazsınız.