City Wallet
Mobil / Web
25.04.2026
Product Designer, Frontend Designer
- Lovable
- Vercel v0
- Cursor
- Tavily
🎯 Nedir?
City Wallet; mahalle esnafından son derece yerel, anlık duruma duyarlı fırsatlar sunan mobile-first bir web uygulamasıdır. Jenerik kuponlar yerine, tam konumunuzu asla takip etmeden hava durumuna, günün saatine ve bulunduğunuz semte göre doğru teklifi doğru anda karşınıza çıkarır.
Şöyle düşünün: Öğle yemeğinde yağmur yağıyor → 80 metre ilerideki kafe size sıcak kahvede %15 indirim bildirimi gönderiyor. İşin sihri tam olarak burada.
🧭 Rolüm
İki kişilik bir ekip tarafından geliştirilen bir Hack-Nation hackathon projesi. Ürün ve UI tarafını tamamen ben üstlendim: Uygulamanın hem tüketicilere hem de esnafa özellik özellik neler sunacağına ve nasıl görünüp hissettirmesi gerektiğine karar verdim.
🌍 Vizyon
Büyük teslimat platformları ve zincir mağazaların sadakat uygulamaları mahalle esnafını zora soktu. City Wallet bu durumu tersine çeviriyor: Bağımsız işletmelere, Uber Eats veya Starbucks gibi devlerin kullandığı AI destekli, gerçek zamanlı pazarlama araçlarının aynısını sunuyor — üstelik gizlilik odaklı ve mahalle kültürüne uygun bir şekilde.
İki taraf, tek bir ekosistem:
Tüketiciler, yakınlarındaki anlık ve ilgi çekici fırsatları keşfeder.
İşletmeler ise parmaklarını bile oynatmadan boş masaları doldurur, fazla stokları eritir ve hava durumuna ya da rekabete anında uyum sağlar.
📱 Neler Geliştirdik — Tüketici Tarafı
Bağlamsal fırsat akışı (/) — kategoriye göre renklendirilmiş kartlar, canlı geri sayım çubukları (süre azaldıkça yeşil → turuncu → kırmızı), hava durumu/zaman bağlamı ve tek tıkla \"Hemen Al\" CTA'i.
Filtre hapları — Tümü, Kahve ☕, Öğle Yemeği 🥗, Fırın 🥐, Mesafe 📍.
Tıpkı native bir uygulama gibi dönen yükleme simgesiyle pull-to-refresh.
Fırsat detay & kullanım akışı (/offer, /redeem) — bir fırsatı kabul et, mekana git, kodla kullan.
Favoriler (/favorites) — işletmeleri kaydet ve yeni fırsat paylaştıklarında bildirim al.
Profil, Hesap, Ayarlar, Gizlilik — eksiksiz bir hesap altyapısı.
Uygulama içi push bildirim mockup'ları — gerçek zamanlı fırsat uyarılarının simülasyonu.
Tasarruf takipçisi — \"Bu ay 12,40 € tasarruf ettin ve 3 yerel işletmeyi destekledin! 🌱\"
🏪 Neler Geliştirdik — İşletme Paneli (/merchant)
Samimi bir dashboard kılığına girmiş, güçlü bir B2B kontrol merkezi:
Mağaza ve Kurallar sekmesi
AI Otopilot ✨ — tek bir butonla yapay zeka promosyonlarınızı yönetsin; üstelik haftalık zarar önleme bütçesiyle sınırlandırılmış şekilde.
Koşullu Hava Durumu Tetikleyicileri ⛅ — Zapier tarzı bir EĞER/İSE kurgulayıcı: \"EĞER Yağmurluysa İSE Tüm Sıcak İçeceklere %25 indirim uygula.\"
Performans sekmesi
Canlı Yerel Talep radarı — şu anda dükkanınızın etrafındaki yaya trafiğinin nerede yoğunlaştığını gösteren animasyonlu ısı haritası.
Rakip uyarıları — \"Yakındaki 3 kafe %20 indirim sunuyor — fırsatını öne çıkarmak ister misin? 🚀\" tek tıkla aksiyon imkanı.
Bar grafikleri + son aktivite tablosu — tertemiz, klasik analitikler.
🔒 Gizlilik ve Güvenlik
Nokta atışı GPS takibi yok — sadece mahalle düzeyinde konum, hava durumu ve zaman sinyalleri.
Tüm verilerde Row-Level Security destekli Lovable Cloud backend'i.
Olası bir RLS açığını ortadan kaldırmak için GitHub'da yayınlamadan önce kullanılmayan push_subscriptions tablosunu temizledik.
.env yalnızca publishable key'leri barındırır — commit etmek güvenlidir.
🛠 Tech Stack
React 18 + TypeScript + Vite, Tailwind + shadcn/ui, TanStack Query, auth/DB/edge function'lar için Lovable Cloud (Supabase), testler için Vitest.