mehmeteyupoglu / dogs-app-homework-mehmeteyupoglu

dogs-app-homework-mehmeteyupoglu created by GitHub Classroom

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

dogs-app-homework-mehmeteyupoglu created by GitHub Classroom


Languages

Language:JavaScript 93.3%Language:HTML 4.4%Language:CSS 2.4%