Map 🗺

Türkiye'deki gezdiğin şehirleri işaretlediğin React Native uygulaması.

Özellikler

• 🗺 İnteraktif Türkiye haritası — 81 şehir nokta olarak gösterilir
• 🎨 Rastgele renkler — her gezilen şehir farklı renk alır, plaka numarası gösterilir
• 📊 İlerleme yüzdesi — kaç şehri gezdiğini takip et
• 📋 Şehir listesi — ara, filtrele, bölgeye göre sırala
• 📈 İstatistikler — bölgelere göre detaylı analiz
• 💾 Kalıcı veri — AsyncStorage ile veriler saklanır
• 📝 Not ekleme — şehirler için kişisel notlar ekle
• 🕒 Son eklenenler — en son gezilen 5 şehri göster

Ekran Görüntüleri

Kurulum

# Bağımlılıkları yükle
npm install

# iOS için pod install (gerekliyse)
cd ios && pod install && cd ..

# Uygulamayı çalıştır
npx expo run:ios
# veya
npx expo run:android
# veya web için
npx expo start --web

Kullanılan Teknolojiler

Paket	Kullanım
react-native-svg	Harita üzerindeki şehir noktaları
zustand	Global state yönetimi
@react-native-async-storage/async-storage	Veri kalıcılığı
@react-navigation/bottom-tabs	Alt sekme navigasyonu

Proje Yapısı

Map/
├── App.tsx                    # Navigasyon kök bileşeni
└── src/
    ├── data/
    │   └── turkeyData.ts      # 81 şehir verisi (plaka, bölge, koordinat)
    ├── store/
    │   └── cityStore.ts       # Zustand store — gezilen şehirler
    ├── screens/
    │   ├── MapScreen.tsx      # Ana harita ekranı
    │   ├── ListScreen.tsx     # Şehir listesi + arama
    │   └── StatsScreen.tsx    # İstatistik ekranı
    └── components/
        ├── TurkeyMap.tsx      # SVG harita bileşeni
        ├── ProgressHeader.tsx # İlerleme çubuğu
        └── CitySheet.tsx      # Şehir detay modal

Sonraki Adımlar (TODO)

• Dünya haritası + ülkeler desteği
• Fotoğraf ekleme özelliği
• Paylaşım (Instagram story vs.)
• Widget (ana ekran)