Skip to content

Latest commit

 

History

History
55 lines (28 loc) · 2.99 KB

README.md

File metadata and controls

55 lines (28 loc) · 2.99 KB
Raw

Infinite Scroll - Unsplash API

This is a simple web application that uses the Unsplash API to fetch and display a collection of random photos. The photos are fetched dynamically as the user scrolls down the page.

Features

  • Fetches random photos from the Unsplash API.
  • Implements infinite scrolling to load more photos as the user reaches the bottom of the page.
  • Clicking on a photo opens the Unsplash link in a new tab.
  • Provides a loading animation while fetching and displaying the photos.

Technologies Used

  • HTML
  • CSS
  • JavaScript

Preview

Live Preview

How to Use

  1. Clone the repository:

  2. Open the project folder in your preferred code editor.

  3. Open the index.html file in a web browser.

  4. Scroll down the page to load more photos dynamically.

API Key

To use the Unsplash API, you will need an API key. Follow these steps to obtain your API key:

  1. Create an account on the Unsplash website.

  2. Visit the Unsplash Developer Portal and create a new application.

  3. Copy your API key.

  4. In the script.js file, replace the apiKey variable with your API key.

Customize

Feel free to customize the application by modifying the CSS styles in the style.css file. You can adjust the font, layout, or any other aspect to fit your preference.

Credits

  • Unsplash - The API used to fetch random photos.