Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mani-barathi/unsplash-clone

Unsplash Clone Built with React and Unsplash API
https://github.com/mani-barathi/unsplash-clone

Last synced: 8 days ago
JSON representation

Unsplash Clone Built with React and Unsplash API

Awesome Lists containing this project

README

        

# Unsplash Clone
[![Netlify Status](https://api.netlify.com/api/v1/badges/990d8dc3-ee35-4e7a-ab1e-dedf979a97ac/deploy-status)](https://app.netlify.com/sites/mani-unsplash-clone/deploys)

A Unsplash clone developed with ReactπŸš€ and Unsplash API

**Click [Here](https://mani-unsplash-clone.netlify.app/) to view the Live Website**

### Features
- Search Images
- Download Images

### Technology Used
* **React**
* **Material-UI** - Icons and Prebuilt Components
* **react-router-dom** - To manage routing between different pages
* **Netlify** (Hosting service)

### Preview

### To run this on Local machine
* Clone the repo, install all the dependcies from package.json by typing `npm install`
* Create a API KEY from [unsplash](https://unsplash.com/oauth/applications)
* Create a file with name `secrets.js` inside `src` and place your api key as shown below
```javascript
export const API_KEY = 'PLACE YOUR API KEY HERE'
```
* Run app by typing `npm start`