Şirketin ana pazarlama panelinde, uzun geçmişi ve çok sayıda katkıcısı olan bir React kod tabanında yaptığım işler: kaydın yanlış markaya gitmesini durduran bir koruma, 11 dashboard için tek boş durum sistemi, gönderim saati ısı haritalı bir app push dashboard'u ve global arama kutusu.
"Yanlış marka koruması" ile başlayın: bir sekmede markayı değiştirip diğerinde kaydetmeyi deneyin. Sonra korumayı kapatın.
Ekip çoğu zaman farklı sekmelerde birkaç marka açık tutuyor. Oturum bir sekmede marka değiştirdiğinde, başka bir sekme hâlâ eski markayı gösterip yeni markaya kaydedebiliyordu.
Bunun çevresinde panel dashboard dashboard büyümüştü: farklı yükleme mantıkları, veri yokken boş kalan ya da yükleniyor durumundan çıkmayan grafikler, inline grafik yükseklikleri, karışık başlık seviyeleri ve çevrilmemiş metinler.
Bu kod tabanında üç yıl boyunca akıllı widget, kişisel arama, e-posta, app push, e-ticaret ve admin alanlarında özellik geliştirdim ve genişlettim. Bu sayfadaki parçaları ben oluşturdum:
ChartContainer ve NoDataPlaceholder; düzeltilmiş yükleme mantığı ve 228 çeviri anahtarıyla 11 dashboard'a yayıldıKoruma ekrandaki markayı diğer sekmelerle ve sunucu oturumuyla karşılaştırıyor. Uyuşmazlıkta kaydın geçmesine izin vermek yerine sekmeyi kaplayıp yenileme istiyor. Bir veri bütünlüğü hatası, oluştuğu yer olan arayüz katmanında düzeltildi.
Her dashboard artık grafiklerini aynı kapsayıcıya sarıyor ve aynı yer tutucuyu gösteriyor. Aynı turda ters çalışan yükleme bayraklarını düzelttim, grafik yüksekliklerini CSS'e taşıdım ve başlıkları standartlaştırdım.
Dashboard turu İngilizce ve Türkçe için 114'er anahtar ekledi; taşıdığım her metin çevrilebilir hale geldi.
Tek bir route dosyası her şeyi kapsayacak kadar büyümüştü. E-posta, kişisel arama, öneriler, akıllı widgetlar ve web push için modüllere böldüm; sonraki özellikler daha küçük farklarla geldi.
Push dashboard'u açılmaları gün ve saate göre çiziyor, yanında toplamlar ve kampanya tablosu var. Isı haritası backend saatlik açılmaları verene kadar örnek veriyle çalışıyor.
Çok kişinin commit attığı bir yerde değişiklikleri özelliğe dar tuttum, branch kurallarına uydum ve hata izlemenin bildirdiği çökmeleri ilgisiz ekranlara dokunmadan düzelttim.
Full-stack ve uygulamalı AI rollerine açığım, uzaktan veya hibrit.
Rolü, ekibi ve problemi anlat.