hasantezcan / unsplash-client

Basic unofficial Unsplash web client.

Unsplash Client

Basic unoffical Unsplash web client. Click For DEMO

This application was made for Hipo Summer Internship Camp application.

Desktop preview

👉 Click for detailed showcase video

Tech Stack

• bootstrapped with CRA

• Made with React.js

• Images Source: Unsplash API

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.

  yarn install

• You need Unsplash API key to work with this application.
• Create a .env file in root directory.
• And add a variable like down below;

REACT_APP_UNSPLASH_API=your-API-key

• Runs the app in the development mode.

  yarn dev

Open http://localhost:3000 to view it in the browser.

• Click for open Pull Request