https://github.com/equk/unsplash-react

📷 ⚛️ unsplash search using react.js
https://github.com/equk/unsplash-react

api json json-api react reactjs search unsplash

Last synced: about 1 month ago
JSON representation

📷 ⚛️ unsplash search using react.js

• Host: GitHub
• URL: https://github.com/equk/unsplash-react
• Owner: equk
• License: mit
• Created: 2019-05-02T12:49:02.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T18:32:30.000Z (about 2 years ago)
• Last Synced: 2023-04-01T07:59:16.354Z (over 1 year ago)
• Topics: api, json, json-api, react, reactjs, search, unsplash
• Language: JavaScript
• Homepage:
• Size: 5.53 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# unsplash-react

:camera: unsplash search using react.js

- [x] Stateful Components

- [x] Loading Feedback

- [x] Async API Requests

- [x] API Key Seperated Using `.env`

- [x] Conditional Rendering

- [x] Virtual DOM

requirements: [unsplash developer api key](https://unsplash.com/developers)

more detail: [equks blog - Unsplash React.js Search](https://equk.co.uk/2019/05/04/unsplash-react-search)

add unsplash developer key to `.env` file in base of project

    REACT_APP_API_CLIENTID="insert-api-key-here"

created as a working example of react.js & is based on [unsplash-js-search

](https://github.com/equk/unsplash-js-search) (unsplash search using vanillajs)

## unsplash references

- https://unsplash.com/documentation

- https://unsplash.com/api-terms

## screenshot

![](screenshot.jpg)

# Contact

Website: https://equk.co.uk

Twitter: [@equilibriumuk](https://twitter.com/equilibriumuk)

### notes

> Unsplash API Terms (Attribution)

>

> Each time you or your Developer App displays a Photo, your Developer App must attribute Unsplash, the Unsplash photographer, and contain a link back to the photographer’s Unsplash profile.