← Tüm projeler
Oyun / Harita·2026·Canlı

Konum Avı

Eskişehir odaklı konum tahmin oyunu — Street View, harita işareti, mesafe puanı ve lider tablosu.

Rol: Full Stack Geliştirici

ReactLeafletGoogle Street ViewVitePHP
Konum Avı
Şehir
Eskişehir
Tur
5
Canlı
konumavi.com.tr

Proje Özeti

Konum Avı, Eskişehir için geliştirdiğim canlı web oyunudur: oyuncu Street View’da sokakları inceler, haritada tahmin işaretler, onaylar ve beş tur boyunca mesafeye göre puan toplar.

Ne İşe Yarar?

Her turda yeni bir panorama açılır. Haritada işaret ve onay sonrası gerçek konum, kademeli geri bildirim ve puan gösterilir; özet ekranda paylaşım kartı ve isteğe bağlı lider tablosu kaydı sunulur.

Teknik Yaklaşım

Ön yüzde Vite + React SPA; api.php tur seçimi, skor doğrulama, lider tablosu yazımı ve günlük istatistikleri yönetir. Yüzlerce pano locations.json havuzunda tutulur. Dağıtım statik build + aynı domain üzerinde PHP uç noktaları.

Mimari Kararlar

  • Private veri dizini: Lider tablosu ve rate-limit dosyaları htdocs dışında
  • İstemci + sunucu skoru: Hızlı UX; gönderimlerde sunucu doğrulaması
  • Mobil düzen: Dikey altta harita, yatay yan panel, haritaya dokununca chrome gizleme
  • SEO: sitemap-index.xml, robots ve Search Console doğrulama

Faydalar

  • Tek şehre odaklı GeoGuessr tarzı oynanabilir deneyim
  • API anahtarı ve lider tablosu verisi public kök dışında
  • Blog, SSS ve site haritası ile keşfedilebilirlik
  • Ana menüde günlük oyuncu sayacı

Öne Çıkan Özellikler

Street View turları

Sunucu tarafı konum havuzu ve kapsam kontrolü ile rastgele Eskişehir panoramaları.

Tahmin haritası

Leaflet + OpenStreetMap, bbox sınırı, rota gösterimi ve mesafe puanı.

Lider tablosu

Zorluk bazlı sıralama, doğrulanmış takma ad ve sunucu rate limit.

Mobil öncelikli arayüz

Açılır harita paneli, immersive mod ve ince tur sonuç şeridi.

Teknolojiler

framework

React

language

TypeScriptPHP

library

LeafletGoogle Street View

tooling

Vite