React Unsplash

React Unsplash is photo search webapp made in React which uses Unsplash JSON APIs for photo search. A clone app of https://unsplash.com the most powerful photo engine in the world. Trying to make the unplash like UI and add functionality as much as possible. Completed UI screenshots

Main search UI

Donwloading Photos and showing likes

Prerequisites

You are required to have Node.js installed to run the app locally.

Getting Started

Install unsplash-js (github)

npm i --save unsplash-js

Creating a developer account

To access the Unsplash API, first register as a developer.

Registering your application

Once your account has been registered for the API, log in -> go to the Developers page -> Go to "Your Applications"-> "New Application" and fill in the required details.

SignUp or Login in Unsplash. Go to API/devlopers -> Documentation. Then Register your app to get the API key and secret.

API Usage

Make a new .env file and do the following

 API_KEY = your_api_key
 API_SECRET = your_api_secret

Usage

# install all dependency
~/ npm install

# run
~/ npm run dev

Formatting Code

~/ npm run format

Clearing Build

~/ npm run clear

Contribution

The devlopement of the App is still in progress. Only some part is implemented. You can help with code contribution to add more functionality in the App.

License

React Unplash is available under the MIT license. See the LICENSE file for more info.

Important

Unplash is a registered trademark. This project is just for learning purposes and should be treated as such.

KKAC/react-unsplash