Proje Özeti
Yüksek trafikli ulusal bir sosyal medya platformu olan Yaay.com.tr'yi geliştiren ana frontend ekibinin bir parçasıydım. Proje, devasa miktarda kullanıcı tarafından oluşturulan içeriği, gerçek zamanlı etkileşimleri ve tüm cihazlarda kesintisiz bir kullanıcı deneyimi sağlamayı gerektiriyordu.
Teknik Zorluklar
Sosyal medya platformları, istemcinin tarayıcısını yormadan gerçek zamanlı veri senkronizasyonu talep eder. Akışları (feed) sürekli güncellerken, anlık mesajlaşmayı idare ederken ve canlı bildirimleri iterken performansı korumak en büyük zorluğumuzdu.
Çözümler ve Mimari
- Gerçek Zamanlı Veri ve WebSocket: Anlık bildirimleri, canlı akış güncellemelerini ve doğrudan mesajlaşmayı minimum gecikmeyle (latency) işlemek için sağlam WebSocket bağlantıları uyguladım.
- UI/UX Standardizasyonu ve Performans: Eski CSS yapılarından Tailwind CSS'e geçiş sürecini yönettim. Bu mimari değişim, CSS bundle boyutunda %50'lik bir azalma sağladı, First Contentful Paint (FCP) metriklerini iyileştirdi ve uygulama genelinde tasarım tutarlılığını garantiledi.
- Dahili Araçlar (Internal Tools): 'ApiFort' ve 'Test Data Manager' gibi özel dahili araçlar geliştirdim. Bu araçlar, QA ekibinin test sürecini kolaylaştırarak manuel veri girişi süresini %20 oranında azalttı.