https://github.com/hasantezcan/unsplash-client
Basic unofficial Unsplash web client.
https://github.com/hasantezcan/unsplash-client
context-api gallary react unsplash-api
Last synced: 17 days ago
JSON representation
Basic unofficial Unsplash web client.
- Host: GitHub
- URL: https://github.com/hasantezcan/unsplash-client
- Owner: hasantezcan
- License: mit
- Created: 2021-04-02T12:05:24.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-07-23T12:02:30.000Z (almost 4 years ago)
- Last Synced: 2025-04-01T03:41:35.627Z (about 2 months ago)
- Topics: context-api, gallary, react, unsplash-api
- Language: JavaScript
- Homepage: https://unsplash-unoffical-client-hasantezcan.vercel.app/
- Size: 27.5 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Unsplash Client
Basic unoffical Unsplash web client. [Click For **DEMO**](https://unsplash-unoffical-client-hasantezcan.vercel.app/)
This application was made for [Hipo Summer Internship Camp](https://hipolabs.com/internship/) application.
Desktop preview
[👉 Click for detailed showcase video](https://www.youtube.com/watch?v=W-Haha25lWA)
## Tech Stack
- bootstrapped with **CRA**
- Made with **React.js**
- **Images Source:** [Unsplash API](https://unsplash.com/developers)
## Features
- You can **search** with the **keywords** whatever you want. And also you can filter your keywords with **collection** titles that getting from **Unsplash's featured**.
- If you don't have any keyword to search for something you can also **search** with **only featured collection** titles.
- When you hover the images you will see the photographer who takes that picture. You can **click** the **artist's name** to **visit** him/her **Unsplash profile**. Also, you can see the picture's like count on the right top corner.
- You can **download** the **picture directly** on your computer/mobile phone with a tiny, little download icon.
- If you want to see more pictures with your search query you can travel inside the **pagination** bar.
- If you feel lucky you can press the **dice icon** on the navbar. The application returns to you **random pictures** from Unsplash. *We have a little rate limit just for now you `only three query` chances.* ***-50 request for per hour-***
- The collection drop-down was made with love ❤️ Please don't suppose this is an ordinary one.
- And Finally, we have a **sidebar** for **responsive design**. Tested with mobile devices and I think it works 😅
- **Tests?** soon! *(after midterms)* 🧑💻
## I want to contribute 👋
Install necessery packages.
```bash
yarn install
```
- You need [Unsplash API key](https://unsplash.com/oauth/applications) to work with this application.
- Create a `.env` file in root directory.
- And add a variable like down below;
```bash
REACT_APP_UNSPLASH_API=your-API-key
```
- Runs the app in the development mode.
```bash
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
- Click for open [**Pull Request**](https://github.com/hasantezcan/unsplash-client/pulls)