uurstudios
Tüm projeler
React NativeExpoTypeScriptExpo Routerreact-native-svgZustandVitestPlaywright

Toplu Taşıma ve Durak Takip Uygulaması

React Native + Expo ile geliştirilen; canlı araç konumlu vektörel harita, durak varış tahmini, aktarmalı rota planlama, favori duraklar ve ulaşım kartı bakiyesi içeren çalışan şehir ulaşım uygulaması.

Toplu Taşıma ve Durak Takip Uygulaması — uurstudios tarafından geliştirildi
Sektör
Şehir ulaşımı · konsept çalışma
Yıl
2026
Teknolojiler
React Native, Expo, TypeScript, Expo Router, react-native-svg, Zustand, Vitest, Playwright

Konsept çalışma, çalışan ürün. Bu proje belirli bir müşteri için değil, uurstudios portföyü için baştan sona geliştirildi. Kod, testler ve ölçüm sonuçları gerçek ve kaynak kodda doğrulanabilir. Benzerini sizin markanız için de geliştirebilirim.

Bu uygulama; bir şehrin toplu taşıma ağı (7 hat, 36 durak, 31 araç) üzerinde vatandaşa 'otobüsüm nerede, kaç dakikaya gelir, nasıl giderim' sorularını tek ekranda cevaplayan mobil uygulamadır. Harita harici bir servise bağımlı olmadan SVG ile çizilir; ekran görüntüleri uygulamanın kendisinden alınmıştır.

Problem

Mevcut belediye uygulaması yavaş, harita deneyimi zayıf ve duraklarda bekleme süresi bilinmiyordu. Kullanıcılar harita, tarife ve kart bakiyesi için üç ayrı uygulama kullanıyordu.

Çözüm

Şematik şehir haritası react-native-svg ile çizilir: nehir, parklar, caddeler, hatlar, duraklar; sürükle-kaydır ve yakınlaştırma. Araç konumları zamanın saf bir fonksiyonu olarak simüle edilir (GTFS-Realtime akışının yerine) ve saniyede bir güncellenir. Durak varış tahmini araç konumu, hat hızı ve durak bekleme sürelerinden hesaplanır; canlı araç yoksa tarifeye göre tahmin gösterilir; doluluk göstergesi. Rota planlama aktarma cezalı Dijkstra ile çalışır: biniş bekleme, aktarma süresi, yürüme bacağı ('Konumum'dan en yakın üç durak), toplam süre / aktarma / ücret (aktarma indirimli). Durak ve hat detay ekranları, Türkçe karakter duyarsız arama, favoriler, yakınımdakiler, erişilebilirlik bilgisi, hat duyuruları, Kentkart bakiye ve işlemler, düşük veri modu. Zustand + AsyncStorage kalıcılık. Vitest ile 16 birim, Playwright ile 27 uçtan uca kontrol.

Sonuç

Harita → durak → varış tahmini → favori → hat → arama → rota planlama (aktarmalı ve aktarmasız) → kart yükleme/biniş → ayarlar akışının tamamı otomatik testlerden geçiyor. Expo Go ile telefonda çalışıyor; kaynak kod GitHub'da. Gerçek GTFS-Realtime bağlantısı ve harita SDK'sı (MapLibre) bir sonraki adım.

Toplu Taşıma ve Durak Takip Uygulaması ekran görüntüsü 1Toplu Taşıma ve Durak Takip Uygulaması ekran görüntüsü 2

Canlı demo

Telefondaymış gibi deneyin

Uygulamanın kendisi, tarayıcıda çalışıyor. Dokunun, kaydırın, form doldurun; verileriniz yalnızca bu tarayıcıda saklanır ve kimseyle paylaşılmaz.

Kaynak kodu inceleyin

Diğer projeler

Benzer bir projeniz mi var?

Fikrinizi anlatın, 24 saat içinde size özel bir teklif ve yol haritasıyla dönüş yapayım.

Teklif Al
WhatsApp