React Hook Unsplash API

This project uses Unsplash API

API being used can be downloaded from : Unsplash Image API | Free HD Photo API

Live:

Old Version of Redux: Unsplash API AWS Hosting: Unsplash API with Hooks Netlify Hosting: Unsplash API with Hooks

How to use:

Type the image you want to search
Its a form so press enter or click search
It will show you number of images searched, Pagination
On hover, it will show you the user and info button
on click, it will show the image with the option to download or get more info

Current Features

✅ Updated the UI from the old version
✅ Using only Hooks removing use of Redux
✅ Create CI/CD Pipeline with AWS
✅ Host on AWS S3

Future Features

Add Unit testing for the components
Add Storybook
Introduce Docker in the project

To run:

clone the project Create .env file

REACT_APP_SECRET_KEY="YOUR SECRET KEY"
REACT_APP_API_URL= https://api.unsplash.com

run

npm install
npm start

To view:

http://localhost:3000/

PLEASE NOTE:

Currently the CSS is messy my plan is to work on CSS to make it more interactive within next week and may be keep on introducing