5 Dakikada Mobil Uygulama Prototipi Oluşturma
Bolt.new platformunda bir mobil uygulama fikrini çalışan prototipe dönüştürmek için kullanılır. Mobil Uygulama & Ürün geliştirme sürecinde teknik bilgi gerektirmeden, yalnızca fikri ve hedef kitleyi tanımlayarak tam işlevli bir arayüz elde etmek mümkündür.
Girişimciler, ürün yöneticileri ve bağımsız geliştiriciler; müşteriye gösterecekleri demo, yatırımcı sunumu için prototip veya kişisel proje testi amacıyla bu promptu kullanabilir. Bolt.new'in doğrudan çalışan kod üretme yeteneğine göre optimize edilmiş yapı sayesinde, belirsiz bir fikir yerine net ekranlar, butonlar ve kullanıcı akışları içeren somut bir çıktı elde edilir.
Prompt; uygulama adı, hedef kullanıcı kitlesi, temel ekranlar ve öne çıkan özellik bilgilerini alarak Bolt.new'e özel bileşen yapısında bir uygulama iskeleti oluşturur. Renk paleti ve tasarım tonu da dahil edildiğinden çıktı, yalnızca iskelet kod değil; görsel olarak sunum yapılabilir bir prototiptir.
{ }Değişken Açıklamaları:
- [UYGULAMA ADI]: Mobil uygulamanın adını belirtir. Örneğin; GörevTakip, FitBuddy, BütçePlan
- [HEDEF KİTLE]: Uygulamanın odaklandığı kullanıcı grubunu tanımlar. Örneğin; üniversite öğrencileri, serbest çalışanlar, ebeveynler
- [SORUN TANIMI]: Uygulamanın çözmeyi hedeflediği sorunu açıklar. Örneğin; günlük görevleri organize edememe, harcama takibini yapamama, spor motivasyonunu sürdürememe
- [RENK VE TON]: Uygulamanın genel renk paletini ve tasarım tonunu belirtir. Örneğin; modern ve minimal, koyu tema, canlı ve enerjik
- [EKRAN 1]: İlk oluşturulacak ekranın adını ve amacını belirtir. Örneğin; Giriş / Kayıt Ekranı, Ana Sayfa / Dashboard, Profil Ekranı
- [EKRAN 2]: İkinci oluşturulacak ekranın adını ve amacını belirtir. Örneğin; Ana Sayfa / Dashboard, Görev Listesi, Ayarlar
- [EKRAN 3]: Üçüncü oluşturulacak ekranın adını ve amacını belirtir. Örneğin; Detay veya İşlem Ekranı, Görev Ekleme, Harcama Girişi
- [EKRAN 4]: Dördüncü oluşturulacak ekranın adını ve amacını belirtir. Örneğin; Profil veya Ayarlar, Bildirimler, İstatistikler
- [ÖZELLIK TANIMI]: Uygulamanın öne çıkan ana işlevini tanımlar. Örneğin; kullanıcıların görev ekleyip tamamlayabildiği liste, konum bazlı içerik gösterimi, günlük harcama takibi
Değişkenleri Düzenle
UYGULAMA BİLGİLERİ:
- Uygulama Adı: [UYGULAMA ADI]
- Hedef Kullanıcı: [HEDEF KİTLE] (örn: üniversite öğrencileri, serbest çalışanlar, ebeveynler)
- Uygulamanın Çözdüğü Sorun: [SORUN TANIMI]
- Platform: Mobil (React Native benzeri yapı)
- Renk Paleti / Ton: [RENK VE TON] (örn: modern ve minimal, koyu tema, canlı ve enerjik)
OLUŞTURULMASINI İSTEDİĞİM EKRANLAR:
1. [EKRAN 1] (örn: Giriş / Kayıt Ekranı)
2. [EKRAN 2] (örn: Ana Sayfa / Dashboard)
3. [EKRAN 3] (örn: Detay veya İşlem Ekranı)
4. [EKRAN 4] (örn: Profil veya Ayarlar)
ÖNE ÇIKAN ÖZELLİK:
[ÖZELLIK TANIMI] (örn: kullanıcıların görev ekleyip tamamlayabildiği bir liste; ya da konum bazlı içerik gösterimi)
Bolt.new için aşağıdaki kurallara uyarak kodu üret:
Adım 1 — Proje yapısını kur:
React tabanlı, mobil öncelikli (mobile-first) bir yapı kullan. Tailwind CSS veya inline stil ile responsive tasarım uygula. Her ekranı ayrı bir bileşen olarak tanımla.
Adım 2 — Navigasyon akışını oluştur:
Alt sekme navigasyonu (bottom tab bar) ekle. Ekranlar arası geçişleri mantıklı ve kullanıcı dostu kur. Geri butonu ve yönlendirme okları görünür olsun.
Adım 3 — Her ekranı işlevsel hale getir:
Sadece görsel iskelet değil; tıklanabilir butonlar, form alanları ve örnek veri (mock data) ile dolu ekranlar üret. Kullanıcı etkileşimi simüle edilebilir olsun.
Adım 4 — Öne çıkan özelliği entegre et:
[ÖZELLIK TANIMI] özelliğini ana ekrana veya en mantıklı ekrana yerleştir. State yönetimini (useState) kullanarak gerçek zamanlı etkileşim sağla.
Adım 5 — Tasarım tutarlılığını sağla:
[RENK VE TON] parametresine uygun bir renk şeması belirle. Tipografi, buton stili ve ikon kullanımı tüm ekranlarda tutarlı olsun. Mümkünse Lucide veya Heroicons kütüphanesini kullan.
Adım 6 — Çıktıyı özetle:
Kodun ardından şu bilgileri maddeler halinde yaz:
- Hangi ekranlar oluşturuldu
- Hangi etkileşimler çalışıyor
- Bir sonraki adım olarak neler eklenebilir (backend bağlantısı, API entegrasyonu vb.)
Sen bir mobil uygulama mimarı ve ürün tasarımcısısın. Aşağıdaki bilgileri kullanarak Bolt.new platformunda çalışacak, tam işlevli bir mobil uygulama prototipi oluştur.
UYGULAMA BİLGİLERİ:
- Uygulama Adı: [UYGULAMA ADI]
- Hedef Kullanıcı: [HEDEF KİTLE] (örn: üniversite öğrencileri, serbest çalışanlar, ebeveynler)
- Uygulamanın Çözdüğü Sorun: [SORUN TANIMI]
- Platform: Mobil (React Native benzeri yapı)
- Renk Paleti / Ton: [RENK VE TON] (örn: modern ve minimal, koyu tema, canlı ve enerjik)
OLUŞTURULMASINI İSTEDİĞİM EKRANLAR:
1. [EKRAN 1] (örn: Giriş / Kayıt Ekranı)
2. [EKRAN 2] (örn: Ana Sayfa / Dashboard)
3. [EKRAN 3] (örn: Detay veya İşlem Ekranı)
4. [EKRAN 4] (örn: Profil veya Ayarlar)
ÖNE ÇIKAN ÖZELLİK:
[ÖZELLIK TANIMI] (örn: kullanıcıların görev ekleyip tamamlayabildiği bir liste; ya da konum bazlı içerik gösterimi)
Bolt.new için aşağıdaki kurallara uyarak kodu üret:
Adım 1 — Proje yapısını kur:
React tabanlı, mobil öncelikli (mobile-first) bir yapı kullan. Tailwind CSS veya inline stil ile responsive tasarım uygula. Her ekranı ayrı bir bileşen olarak tanımla.
Adım 2 — Navigasyon akışını oluştur:
Alt sekme navigasyonu (bottom tab bar) ekle. Ekranlar arası geçişleri mantıklı ve kullanıcı dostu kur. Geri butonu ve yönlendirme okları görünür olsun.
Adım 3 — Her ekranı işlevsel hale getir:
Sadece görsel iskelet değil; tıklanabilir butonlar, form alanları ve örnek veri (mock data) ile dolu ekranlar üret. Kullanıcı etkileşimi simüle edilebilir olsun.
Adım 4 — Öne çıkan özelliği entegre et:
[ÖZELLIK TANIMI] özelliğini ana ekrana veya en mantıklı ekrana yerleştir. State yönetimini (useState) kullanarak gerçek zamanlı etkileşim sağla.
Adım 5 — Tasarım tutarlılığını sağla:
[RENK VE TON] parametresine uygun bir renk şeması belirle. Tipografi, buton stili ve ikon kullanımı tüm ekranlarda tutarlı olsun. Mümkünse Lucide veya Heroicons kütüphanesini kullan.
Adım 6 — Çıktıyı özetle:
Kodun ardından şu bilgileri maddeler halinde yaz:
- Hangi ekranlar oluşturuldu
- Hangi etkileşimler çalışıyor
- Bir sonraki adım olarak neler eklenebilir (backend bağlantısı, API entegrasyonu vb.)
Bu Prompt Seni Bekliyor
Bolt.new için hazırlanmış bu promptu anında kopyala, kullan.
Ücretsiz üye ol, binlerce prompta eriş.
10 saniyede üye ol, sınırsız prompt keşfet
Nile
Bu prompt kullanmadan önce düzenlemeniz gereken 9 değişken içerir.
Keşfet
Alternatif Araçlar
Biliyor muydunuz?
Başarısız denemede promptu böl: Tek seferde çok şey istemek yerine 2-3 adıma bölüp her adımın çıktısını sonrakine ver.
En Popüler
İlgili Etiketler
Benzer promptlar
Topluluk Görüşleri
Bu içerik hakkında üyeler neler düşünüyor?
Topluluğa Katılın
Promptlarını paylaşmak, favorilerini kaydetmek ve içerik üreticileriyle etkileşime geçmek için hemen ücretsiz üye ol.