Skip to content

Latest commit

 

History

History
25 lines (16 loc) · 1.03 KB

README.md

File metadata and controls

25 lines (16 loc) · 1.03 KB

Photo Gallery

Projeyi oluştururken iki branchta çalıştım.İlk olarak develop branchında geliştirme yaptım ardından main branchında son halini repoya ekledim ve branchları merge ettim. Branchlarda her değişiklik yaptığımda commit mesajı eklemeye özen gösterdim.

Navigation bar için react-router-dom ile link verdim.Bu sayede home, favorite, albüm sayfalarını görüntüleyebilirsiniz.Albüm sayfasında API'dan fetch ile datayı çektim ve map ile photo card componenti sitilinde görüntüledim.Her bir fotoğraf için favorilere ekleme butonu ekledim.Photo componentinde tıklanan bir state contextApi aracılığı ile diğer bir component olan FavoritesList'e eklemiş ve görüntülenmiş oldum.

Photo Gallery

Photo Gallery Responsive

Kütüphaneler

  • React
  • React-router-dom v6.4

Stil

  • SCSS

Kullanılan API

State Yönetimi

  • contextApi

Demo

https://photogallery-react.netlify.app/