Skip to content

README.md

Latest commit

 

History

History
34 lines (25 loc) · 1.24 KB

README.md

File metadata and controls

34 lines (25 loc) · 1.24 KB

🌌 Infinity Scroll with Unsplash API

This project demonstrates the implementation of an infinity scroll feature using JavaScript and the Unsplash API. The infinity scroll technique allows for continuous loading of images as the user scrolls down the page, providing a seamless browsing experience.

✨ Features

Feature Description
🔄 Infinite Scrolling Dynamically fetches and displays additional images as you reach the bottom
🏞️ Lazy Loading Only loads visible images first for better performance
🤹 Smooth UX No manual clicking - just keep scrolling to see more
📱 Responsive Design Works perfectly on all device sizes

🛠️ How It Works

  1. Scroll Detection
    🖱️ JavaScript detects when you reach the page bottom

  2. API Fetch
    📡 Makes call to Unsplash API for new images

  3. Dynamic Loading
    ✨ New images appear seamlessly in the grid

  4. Repeat
    ♾️ Process continues as you keep scrolling

graph TD
    A[User Scrolls] --> B{Reached Bottom?}
    B -->|Yes| C[Fetch New Images]
    B -->|No| D[Wait]
    C --> E[Display Images]
    E --> A
Loading