This is a simple web application that leverages the Unsplash API to display an infinite scroll of random images. The application dynamically loads more images as the user scrolls down the page.
-
Infinite scroll: The application continuously loads new images as the user scrolls down the page, providing an endless stream of random pictures from Unsplash.
-
Loader: A loading spinner is displayed while the images are being fetched, enhancing the user experience and indicating ongoing data retrieval.
-
Responsive Design: The layout is designed to be responsive and adapt to different screen sizes, providing an optimal viewing experience on various devices.
-
HTML: The structure of the web page is defined using HTML5.
-
CSS: Styling and layout are implemented using Cascading Style Sheets.
-
JavaScript: The application logic, including API calls and event handling, is written in JavaScript.
-
Font Awesome: Icons are used from Font Awesome for visual elements.
-
Upon loading the page, you'll see a title, a loader, and an empty image container.
-
As you scroll down, more images will be dynamically loaded, providing an infinite scroll experience.
-
Clicking on an image will open the corresponding image on Unsplash in a new tab.
API Key: To use this application, you need to obtain an API key from Unsplash. Replace the apiKey variable in the script.js file with your own key.
Unsplash API: The application relies on the Unsplash API to fetch random images.
Contributions are welcome! If you have any suggestions or improvements, feel free to open an issue or create a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.