Eğer bu repoyu kullanarak kendi bilgisayarinizda development yapmak isterseniz sirasiyla,
- Repoyu clonelayin
- yarn veya npm install komutunu calistirin (Sadece birisi)
- yarn start veya npm start komutunu calistirin (sadece birisi)
index.js'e ve index.html'e kod yazarak baslayabilirsiniz. yarn start yaptiysaniz degisiklikleriniz otomatik olarak ekranda gorulmeli. Sorun yasarsaniz asistanlari bulun.
Eger bu repoyu kullanmadan (parcel olmadan) kullanmak istiyorsaniz;
- Codesandbox.com 'u kullanabilirsiniz
- direk index.html'e yazarak calistirabilirsiniz.
ODEV
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?)