Mevcut proje teknoloji yığınını kullanarak [PROJECT] ve [AUDIENCE] için düzenlenebilir, mobil öncelikli bir uygulama prototipi oluşturun. Görev: Mahalle Onarım Bildirimi.

## Gerekli içerik ve yapı

Konum, kategori ve fotoğraf içeren bir kamusal alan onarım bildirimi taslağı hazırlayın, gizlilik açısından hassas ayrıntıları inceleyin ve açıkça simülasyon olduğu belirtilen bir gönderim zaman çizelgesi gösterin.

## Ekranlar ve gezinme

Birbirine bağlı üç görünüm oluşturun: Raporlarım; Yeni rapor; Durum zaman çizelgesi. Seçili kaydı ekran başlığında veya özetinde görünür tutun. Açık bir geri eylemini destekleyin ve görünümler arasında geçiş yaparken tamamlanmamış girdileri koruyun. Birincil eylemi ilgili içeriğin yakınında tutun; mobil güvenli alanları, görünür bir yazılım klavyesini ve uzun çevrilmiş etiketleri hesaba katın. Masaüstü genişliklerinde, hiçbir adımı kaldırmadan veya görevi değiştirmeden düzeni uyarlayın.

## Proje girdileri

Adlar, kayıtlar, etiketler, miktarlar ve hedefler için [APPROVED_CONTENT] kullanın. Operasyonel iddialar uydurmak yerine eksik verileri isteyin. Tanıtım kayıtlarında kurgusal Street Care markası kullanılabilir; bunları örnek veri olarak etiketleyin. Hangi eylemlerin yerel prototip etkileşimleri olduğunu ve hangilerinin kimlik doğrulama, kalıcılık, izinler veya arka uç gerektireceğini açıklayın. Entegrasyon açıkça uygulanıp test edilmedikçe haricî hizmetlere bağlanmayın veya bir işlemin tamamlandığını iddia etmeyin.

## Tasarım yönü

[BRAND_RULES] kurallarına uyun. Marka sağlanmamışsa beyaz, kurumsal mavi, yumuşak yeşil ve okunaklı hizmet tipografisi kullanın. İş akışını genel gösterge paneli kartlarını yinelemek yerine kendi içeriği ve kontrolleriyle tanınabilir hâle getirin. Tutarlı bir boşluk ölçeği ve net bir metin hiyerarşisi kullanın. Görünür klavye odağı, erişilebilir adlar, yeterli kontrast ve yalnızca renge dayanmayan durum etiketleri ekleyin. Azaltılmış hareket tercihine saygı gösterin ve animasyonlu geçişleri isteğe bağlı tutun.

## Göreve özel kabul kontrolü

- Yerel olarak kaydedilmiş bir taslağı haricî olarak gönderilmiş bir rapordan ayrı tutun; bir kamu kurumunun raporu aldığını iddia etmeyin.

## Etkileşim durumları

Üç ekranlı başarılı akışı yerel örnek verilerle uygulayın. Kullanışlı bir boş durum, eylemi tamamlamadan önce doğrulama, yükleniyor veya bekliyor durumu ve giderilebilir bir hata durumu ekleyin. Yıkıcı değişiklikler için inceleme veya geri alma yolu gerekir. Bir kaydın durumunu üç görünümün tamamında tutarlı tutun. Kısmen tamamlanmış girdileri sessizce silmeyin veya yeniden denemeden sonra kullanıcının seçimini değiştirmeyin.

## Teslimat ve inceleme

Düzenlenebilir uygulama görünümlerini sunun; veri modelini, yerel depolama davranışlarını ve uygulanmamış entegrasyonları açıklayın. 320px genişlikte ve daha geniş bir görünüm alanında; klavye navigasyonu ve uzun içerikle test edin. Özellik eklemeden önce sonucu incelemek için yukarıdaki göreve özel kabul kontrolünü kullanın. Tanıtım davranışını çalışan bir üretim hizmetinden açıkça ayırın.

## Referans eki ve yeniden oluşturma hedefi

Bu istemin indirme paketindeki reference.webp dosyasını, bu istemle birlikte OpenDesign'a ekleyin. Benzer kompozisyon ve hiyerarşiye sahip, düzenlenebilir bir sonuç oluşturun; referans görselin tamamını bitmiş arayüz olarak gömmeyin. Kurgusal örnek etiketlerle çelişmesi durumunda onaylanmış proje içeriğini ve marka kurallarını koruyun. Görsel eksikse veya okunamıyorsa görsel doğruluk iddiasında bulunmak yerine dosyayı isteyin.

## Referans kompozisyonu ve içeriği

Ekli reference.webp dosyasını Mahalle Onarım Bildirimi için görsel referans olarak kullanın. Oluşturmaya başlamadan önce yukarıdan aşağıya ana bölgeleri; bunların göreli genişlik ve yüksekliklerini, hizalamasını, boşluklarını, tipografi hiyerarşisini, yüzey renklerini, kenarlıklarını, görsellerini ve yinelenen bileşenlerini belirleyin. Genel bir şablon kullanmak yerine bu ilişkileri koruyun. Gerekli görev içeriği: Konum, kategori ve fotoğraf içeren bir kamusal alan onarım bildirimi taslağı hazırlayın, gizlilik açısından hassas ayrıntıları inceleyin ve açıkça simülasyon olduğu belirtilen bir gönderim zaman çizelgesi gösterin. Görseli düzenlenebilir öğelere dönüştürürken göreve özgü şu yerleşim yönlendirmesini kullanın: Giriş ekranı olarak Raporlarım ile başlayın, Yeni rapor için net bir birincil eylem sunun ve Durum zaman çizelgesinin ne olduğunu ve sonrasında neler olabileceğini açıklamasını sağlayın. Başlangıç yönü olarak beyaz, kurumsal mavi, yumuşak yeşil ve okunaklı hizmet tipografisini kullanın; bunları sağlanan markaya uyarlayın. Kayıt kimliğini ve gezinme bağlamını üç ekran boyunca görünür tutun. Dekoratif paneller yerine başparmakla erişilebilen kontrollere ve okunaklı etiketlere öncelik verin; daha geniş ekranlarda mobil düzeni bir uçtan diğerine esnetmek yerine iş akışının bütünlüğünü koruyun.

## Örnek proje gereksinimindeki görsel yön

beyaz, kurumsal mavi, yumuşak yeşil, okunaklı hizmet tipografisi.

## Etkileşim özellikleri

Referans statik bir konsepttir: Aşağıdaki davranış uygulanması gereken bir gereksinimdir; görselin zaten çalıştığının kanıtı değildir. Özelleştirilmiş istemi projenize kopyalayın ve bağlantılı akışı oluşturun: Konum, kategori ve fotoğraf içeren bir kamusal alan onarım bildirimi taslağı hazırlayın, gizlilik açısından hassas ayrıntıları inceleyin ve açıkça simülasyon olduğu belirtilen bir gönderim zaman çizelgesi gösterin. Yerel olarak kaydedilmiş bir taslağı haricî olarak gönderilmiş bir rapordan ayrı tutun; bir kamu kurumunun raporu aldığını iddia etmeyin. Görünür her kontrol için tetikleyicisini, etkilediği durumu ve geri bildirimini belirtin; yerel değişiklikleri ilgili görünümler arasında tutarlı bir durumla uygulayın. Arama ve filtrelerin gerçek sonuçlar vermesini, seçim kontrollerinin açık bir etkin duruma sahip olmasını ve kaydetme eylemlerinin gerektiğinde görünür bekleme/başarı/hata geri bildirimi sunmasını sağlayın. İlgisiz iş akışları eklemeyin. Gezinme için uygun bağlantıları, eylemler için düğmeleri ve simge kontrolleri için erişilebilir adları kullanın. Yalnızca yerel bir demo değiştiğinde bir arka uç işleminin başarılı olduğunu ima etmeyin.

## Görsel karşılaştırma ve teslim

1. Sonucu ekli görselle eşleşen oranlarda karşılaştırın. Dekoratif ayrıntıları iyileştirmeden önce ana bölgelerin yerleşimini, göreli görsel boyutlarını, satır sonlarını, boşlukları, tipografi hiyerarşisini, kontrastı, etkin durumları ve içerik yoğunluğunu inceleyin.
2. Ardından masaüstü metnini küçük etiketlere sıkıştırmadan dar düzeni test edin.
3. Logoları, fotoğrafları ve simgeleri ayrı varlıklar olarak; anlamlı tüm etiketleri ise düzenlenebilir tutun. Kullanılamayan yazı tiplerini/varlıkları ve bilinçli sapmaları listeleyin. Çalışan dosyalarla birlikte uygulanan davranışların ve kalan entegrasyonların kısa bir açıklamasını sunun; yalnızca isteme dayanarak piksel düzeyinde aynı sonuç vadetmeyin.