Image Search Using API in React

In this project, leveraging the fetch method in JavaScript, I have created an image search engine using the Unsplash website. This engine utilizes React and its components to fetch images from the website.

In this project, there is a significant difference between using fetch and axios. The main difference is that fetch requires one additional step, necessitating an extra then clause.

const fetchImage = () => {
    fetch(`https://api.unsplash.com/search/photos/?client_id=your_Client_id&query=${value}`)
    .then(res => res.json())
    .then(data => {
      setResult(data.results)
    })
  }

When we send a request to the Unsplash website, the request is processed. Once approved, a response is returned to us. If the response contains an error, it will return an error message. If successful, it contains the information we need.

JSON is a lightweight, open standard text format for data interchange that is also readable by humans. In this project, we use JSON to build single-page applications (SPAs) to transfer data efficiently.

codes is here