Skip to content

Infinite Scroll is a web application that dynamically loads images from the Unsplash API as the user scrolls down the page. This seamless experience ensures that new content is continuously fetched and displayed, enhancing user engagement without the need for manual page reloads.

Notifications You must be signed in to change notification settings

Khairul25556/infinite-scroll

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Infinity Scroll 🌌

A simple implementation of infinite scrolling that dynamically loads random photos from Unsplash API as you scroll down the page.

Features 🚀

  • Infinite Scroll: Images load as you scroll down.
  • Unsplash API Integration: Fetches random images from Unsplash.
  • Responsive Design: Optimized for different screen sizes.

Set Up API Key

You need an Unsplash API key to fetch images. To get your API key:

  • Go to Unsplash Developer.

  • Create an account (if you don't have one already).

  • Create a new application to get your Access Key.

Demo 🎥

demo

How It Works 🤔

  • Scroll Event Listener: When the user scrolls, we check if they have reached the bottom of the page.

  • Fetch Images: Once the bottom is near, we make a request to the Unsplash API to get new random images.

  • Display Images: The newly fetched images are added to the page dynamically, providing an infinite scrolling experience.

Unsplash API 🌍: Used to fetch random photos for the infinite scroll.

1. Clone the repository 🔁

git clone https://github.com/Khairul25556/infinite-scroll.git

About

Infinite Scroll is a web application that dynamically loads images from the Unsplash API as the user scrolls down the page. This seamless experience ensures that new content is continuously fetched and displayed, enhancing user engagement without the need for manual page reloads.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published