Tek script ile mağazanın kendi arama kutusuna bağlanan site içi arama ekranı ve otomatik tamamlama. Yazım hatası toleransı, filtreler, eş anlamlılar, yönlendirmeler ve on düzen şablonu; hepsi markaya göre kodsuz ayarlanıyor. 271 markada canlı.
Arama kutusuna tıklayın ya da demonun içinde / tuşuna basın. "ketn" gibi bir yazım hatası, "tişört" gibi bir eş anlamlı deneyin ya da şablon değiştirin.
Eski arama widget'ı her marka için elle stillendiriliyordu, yazım hatası toleransı ve filtre yoktu, markalar sürekli rakiplerin arama ekranlarının görüntülerini gönderiyordu.
Her mağazanın farklı bir header'ı, farklı bir arama kutusu ve kendi CSS reset'i var. Backend arama servisi sıralı ürün ve kategori döndürüyor ama yazım hatalarını ve özelliğe göre daraltmayı karşılamıyor. Yerine gelecek şeyin yüzlerce sitede siteye özel kod olmadan çalışması gerekiyordu.
Search V2'yi ve şablon motoru SearchKit'i tek geliştirici olarak yazdım; toplu yayın için kullanılan aracı da. Arkasındaki arama servisi, entegre olduğum mevcut Lucene tabanlı bir endpoint.
Mor ton: benim yazdığım kısımlar.
Önce temel stilleri @layer içine taşıdım. Markaların katmansız reset'leri katmanlı kuralları ezdi; geri aldım ve her yere !important koymadan marka reset'ini geçen önekli seçicilere döndüm. Yayından önce bir cascade test sayfasının 8/8 geçmesi gerekiyor.
Her tuş vuruşu önceki isteği AbortController ile iptal ediyor, geç gelen her şeyi bir sıra koruması düşürüyor. Yükleme küçük bir durum makinesi: 550 ms'den sonra iskelet, 3 sn'de "yavaş" uyarısı, 10 sn'de zaman aşımı.
Katlama noktasız ı'yı ayrı harf olarak ele alıyor, yanlış çözülmüş karakterleri iki kez çözmeden onarıyor ve 31.000,00 TL gibi fiyatları doğru okuyor. Hatalı bir okuma bir keresinde 31.000 yerine 31 göstermişti.
Bir arama sonuç vermediğinde istemci sorguyu ürün başlıklarından çıkan bir sözlükle karşılaştırıp "bunu mu demek istediniz" öneriyor, sonra boş sayfa yerine önerilen ürünlere düşüyor.
Input bir ARIA combobox ve listbox; sonuçlar ok tuşlarıyla geziliyor, / aramaya odaklıyor, ekran açıkken odak içeride tutuluyor ve kapanınca geri dönüyor, azaltılmış hareket ayarı animasyonları kapatıyor.
Gerçek sitelerde sık sebepler ölü seçiciler, scriptleri bekleten çerez onay bantları, başka sağlayıcıların arama scriptleri ve cache'lenmiş config'ti. Bunları çözümleriyle yazdım; destek ekibi çoğu vakayı bana gelmeden çözebiliyor.
Search V2, daha önce üzerinde çalıştığım searchandising sonuç sayfasından doğdu: aramadan sonra tüm sonuç sayfasını marka başına kategori, banner ve sıralama kurallarıyla render eden, config ile yönetilen bir script. Markaya özel kodun nerede bozulduğunu orada öğrendim; V2'nin markaya özel her şeyi config'e itmesinin sebebi bu.
Full-stack ve uygulamalı AI rollerine açığım, uzaktan veya hibrit.
Rolü, ekibi ve problemi anlat.