Skip to content

kazmi066/react-unsplash-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

unsplash-clone

A responsive Unsplash clone with React. Uses:

  • Context Api
  • Unsplash Api
  • Responsive Grid

Demo Screenshot

You have to grab your API key from unsplash

Place that key in your headers to get the results:
in my case, I used axios:

  axios.defaults.headers.common["Authorization"] ="Client-ID key";

Endpoints used:

(Search image) https://api.unsplash.com/search/photos?per_page=50&query=
(Multiple images)https://api.unsplash.com/photos/random/?count=50
(Single Random image) https://source.unsplash.com/collection/220381/1600x900

*Deployed here: *
https://unsplash-clone-d3.netlify.app/