Skip to content

This is a simple website to handle Scrolling Images Infinitely while the user is keeping scrolling down through a mouse or by clicking on the keypad. Also, a search bar was added in order to allow the user to search for specific image tag/category on Unsplash DB.

License

Notifications You must be signed in to change notification settings

raniamhelmy/Infinite-scroll-gallery-with-search

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 

Repository files navigation

Infinite Scroll Gallery

This is a simple website to handle Scrolling Images Infinitely while the user is keeping scrolling down through a mouse or by clicking on the keypad. Also, a search bar was added in order to allow the user to search for specific image tag/category on Unsplash DB. This project was created with React hooks, and using unsplash API for fetching the images and their corresponding data.

Note that this API is handling a limited requests/hour so due to this limitation, some assumtions/conditions was added in order to not exceed the limit.

Website link

Flare.io

ScreenShot

Flare-scroll-gallery

Technologies used to build this project

  • React
  • CSS
  • HTML 5

Tools & Libraries

Project is created with:

  • react version: 17.0
  • react-router-dom version: 5.2
  • react-dom version: 17.0
  • react-infinite-scroll-component version: 6.1
  • axios version: 0.24
  • dotenv version: 10.0

Getting the React App running

To run this project, install it locally using npm:

$ cd ../scroll-gallery
$ npm install
$ npm start

Then Navigate to localhost:3000 to view the app

Contributing

When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change.

Note that all Pull requests are welcome

License

MIT

About

This is a simple website to handle Scrolling Images Infinitely while the user is keeping scrolling down through a mouse or by clicking on the keypad. Also, a search bar was added in order to allow the user to search for specific image tag/category on Unsplash DB.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published