Project 2/20
This is a dynamic image gallery built with HTML, CSS, and JavaScript that uses the Unsplash API to fetch and display random images with infinity scrolling. When the user scrolls near the bottom of the page, more photos are automatically loaded.
⚠️ Important: You must use your own Unsplash API key to make this project work. Visit Unsplash Developers to register and obtain an API key.
- 🔴 Live Demo - N/A (To view the project, clone the repository and follow the 📦 Setup & Installation instructions.)
- 🗂️ GitHub Repository
- ✅ Infinity Scroll to fetch more images on demand
- ✅ Smooth image loading experience
- HTML5
- CSS3
- Vanilla JavaScript
- Unsplash API
git clone https://github.com/DalaScript/infinity-scroll.git
cd infinity-scrollReplace the apiKey in script.js with your own Unsplash API key:
const apiKey = 'YOUR_UNSPLASH_API_KEY';You can open index.html directly in your browser or use a local development server:
# Example: Using VS Code Live Server or any static file server- Loading Animation Generator
- Google Fonts
- Unsplash Images
- Unsplash API Documentation
- W3Schools - ForEach
- For Each vs For Loops Article (Updated)
- W3Schools - DOM Events
- W3Schools - On Load Event
- Quote Generator | Project 1/20 → View Repository
- Picture in Picture | Project 3/20 → View Repository
🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀