Generate Images

This project implements lazy loading with skeleton screens to enhance the user experience while dog images are being loaded. The application fetches random dog images from the Dog CEO API and displays them with a smooth loading effect.

Features

• Lazy Loading: Images are loaded only when they are about to enter the viewport, improving performance and reducing initial load time.
• Skeleton Screens: Grey placeholder boxes are shown while the images are loading, providing a better visual experience for users.

Technologies Used

• HTML
• CSS
• JavaScript
• External API: Dog CEO API

Getting Started

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/lazy-loading-dog-images.git

2. Open index.html file in the browswer.