5 Dakikada Mobil Uygulama Prototipi Oluşturma

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.)

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.)