Sergey-Rozhkov / bayanat

Created with CodeSandbox

Photo Gallery coding exercise

Task

1. Using fetch api pull the data from the server refer to API Endpoints
2. Populate the Gallery Component with the data from the server
   • List Gallery
   • Display Photos according to the selected gallery
3. Change the style of the gallery to grid view (3 images per row )
4. Make it responsive base on screen width
   • list view for small screen
   • grid view for larger screen

API Endpoints

Method	URI	Description
GET	https://jsonplaceholder.typicode.com/photos	get all photos
GET	https://jsonplaceholder.typicode.com/photos/1	get by id photos
GET	https://jsonplaceholder.typicode.com/photos?albumId=1	get photos by album ID
GET	https://jsonplaceholder.typicode.com/albums	get all albums
GET	https://jsonplaceholder.typicode.com/albums/1	get album by id