https://github.com/sabriyenohutlu/photo-gallery

https://photogallery-react.netlify.app/
https://github.com/sabriyenohutlu/photo-gallery

api context-api react-hooks react-router scss

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/sabriyenohutlu/photo-gallery
• Owner: sabriyenohutlu
• Created: 2022-11-26T13:31:24.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-03-01T18:55:45.000Z (over 3 years ago)
• Last Synced: 2025-04-09T00:07:33.481Z (about 1 year ago)
• Topics: api, context-api, react-hooks, react-router, scss
• Language: JavaScript
• Homepage:
• Size: 995 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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](src/assets/photogallery.png)

![Photo Gallery Responsive](src/assets/photogallery-res.png)

## Kütüphaneler  

+ React

+ React-router-dom v6.4

## Stil

+ SCSS

## Kullanılan API

+ https://jsonplaceholder.typicode.com/photos

## State Yönetimi

+ contextApi

## Demo 

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