This project (See it Live) is a web application that displays photos fetched from the Picsum Photos API using infinite scrolling. It features a grid layout for displaying photos, responsiveness for all devices, and a modal for viewing photos in full screen with the author's name and a download button.
- Infinite scrolling of photos using the fetch API and JavaScript .
- Grid system for displaying photos with CSS.
- Responsive design for all devices.
- Modal for viewing photos with author's name.
- Download button to download photos to your PC.
- No CSS framework or jQuery used.
The project fetches a random page of photos from the Picsum Photos API and dynamically adds them to the DOM. When the user scrolls to the bottom of the page, more photos are fetched and added to the grid.
- Clone the repository:
git clone https://github.com/MotasemNabeelAli/Endless-Scroll-Photo-Gallery.git- Open the index.html file in your web browser.
- Scroll down to view more photos.
- Click on a photo to view it in full screen with the author's name.
- Click the download button in the modal to download the photo to your PC.
- HTML
- CSS
- JavaScript
- Fetch API