A simple demo to use React + Redux with ReactGridGallery and PEXELS API

Features:

• Made using the react functional components
• Used redux for state management
• "Load more" button to fetch next page and add the new objects to main array
• A scroll to top button to directly go to top, and it always float above everything
• Just change the "API_KEY" in path "ReactGridGallery-Pexels/src/api/pexelsApi.js" with yours
• Use this link to see the complete Pexels documentation
• Use this link to get your API key.

How to run

First of all clone this repository then run below commands in order to get it running on your localhost

npm i

Installs all the necessary packages specified in package.json file.

npm run start2

It will start your local server on port 3000 http://localhost:3000

Working snapshots

Snapshots from my localhost

• "Load more" button to fetch next page and add the new objects to main array

• A scroll to top button to directly go to top, and it always float above everything

Feel free to star this repo and open any issue or collaborate and make this repo a very good boilerplate for anyone (or atleast begineers)

Drop me a mail or message on instagram if this repo has saved some of your time hustling here and there to find this content, also don't forget to share with others :)

References used:

• https://github.com/neptunian/react-photo-gallery
• https://codesandbox.io/s/8y7n1r9y5j?file=/index.js:506-557