Yemek Arama Motoru
- JS
- Fuse.js
- Dombul-DOM ( Updated ! )
- Parcel
- TailwindCSS
- Fontawesome
- LocalStorage
kullanılarak tamamlanmıştır.
Screenshots
ODEV
Yemek Arama Motoru
Bir yemek arama moturu yapmakla sorumlusunuz, ana ekranda sadece bir arama kutusu ve login olan kullanicinin adı olacak. Kullanici veri girdikce bir arama yapacaksiniz ve cikan sonuclari listeleyeceksiniz. Cikan sonuclar bir kartta listelenir. Kartın uzerine tıkladığınizda o karta odaklanacak. (Border olabilir ,ekranın ortasına gelebilir.). Kartta favorilere ekle butonu vardır. Kart açıkkan F tuşu ile ya da butona basarak favoriye/ekle çıkar işlemi gerçekleştirilebilir. Browser'i kapatip actiktan sonra da favorilerim kalmaya devam etmeli.
-
Login olan kullanıcı bilgileri endpoint: https://jsonplaceholder.typicode.com/users/1
-
Tüm yemek listesi endpoint: https://jsonplaceholder.typicode.com/todos (title, yemek adı olsun)
-
Uygulama açıldığında kullanıcı bilgileri ve yemek listesi yüklenecek. Bu iki yükleme olurken ekranda loading çıkacak.
-
Login olan kullanıci bilgisi arama kutusunun ustunde Merhaba, {name} seklinde yazacak.
-
Arama yaparken fuse.js kullanmayı deneyin
-
Ard arda arama yaparken olabildiğince performanslı yazmayı deneyin. (Neler yapılabilir?)