Projeyi calistirma

yarn install komutu ile paketleri yukledikten sonra yarn start ile projeyi calistirabilirsiniz. Bildiginiz gibi bu projede bir backend servisiyle calistik. Projeyi baslatmadan once hompage dosyasindaki API_HOST degiskenini kendi mock api urlinizle degistirmeniz gerek, yoksa proje calismayacaktir. mockapi.io uzerinde bir hesap olusturduktan sonra asagidaki url e tiklarsaniz servis sizin icin clonelanacak.

https://mockapi.io/clone/5ea567662d86f00016b45b7f

Bundan sonra API_HOST degiskenini kendi urliniz ile sonunda / olmadan degistirin.

Odevler

• Homepage'de tum kopek isimlerini listelerken, her kopek isminin bir Link haline getirilmesi ve linklere tiklandiginda "/detail/{kopekid}" urline gitmesi, bu urlde de ilgili kopegin image, tur, isim gibi kalan tum detaylarini gosterecegiz.
• Bildiginiz uzere bu projede reacstrap kullandik. Siz de odevi yaparken reactstrap componentlerini kullanabilirsiniz stil acisindan daha guzel gozukmesi acisindan.
• Favoriye ekleme-cikarma islemleri backendden oldugu icin bir bekleme suremiz var. bu bekleme sirasinda butonun disaboled olmasini islem bittikten sonra yeniden aktif olmasini bekliyorum

Kaynaklar

• https://scotch.io/courses/using-react-router-4
• https://www.basefactor.com/react-how-to-display-a-loading-indicator-on-fetch-calls