simply-man/unsplash-gallery

Simply unsplash clone with React and TailwindCSS

Unsplash gallery made with React and TailwindCSS

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Demo
4. Contact

About The Project

The application was built on the basis of the Unsplash API. It presents a simple photo gallery based on searched words. The user can search for photos on the basis of any word, get a link to share and download the photo, in addition, he can be redirected to the main unsplash page to obtain information about the selected photo. It can also be redirected to the author of the photo.

Built With

Application was built with:

• React
• TailwindCSS
• Unsplash API
• Datamuse API
• Axios

Getting Started

Follow the instructions bellow to start the project on your own machine.

Prerequisites

• Basic knowledge of React
• Basic knowledge of TailwindCSS
• Basic knowledge of APIs

Installation

1. Get a free API Key at https://unsplash.com/developers
2. Clone the repo

   git clone https://github.com/Simply-man/unsplash-gallery.git

3. Install NPM packages

   npm install

4. Create file .env in you main directory
5. Enter your API in .env

   const REACT_APP_ACCES_KEY = 'ENTER YOUR ACCES KEY FROM UNSPLASH';

Demo

Check the application in the real world Demo

Contact

Bartłomiej Popiołek - @Linkedin - [email protected]

Project Link: https://github.com/Simply-man/unsplash-gallery