200-JAVASCRIPT-PROJECT

Random Dog Photo Generator

Description

The Random Dog Photo Generator is a fun web application that fetches and displays random photos of dogs. Every time the user clicks a button, a new random dog photo is retrieved and displayed. This project utilizes an external API to provide a vast collection of dog images, ensuring a delightful experience for dog lovers.

Features

• Fetch Random Dog Photos: Retrieve and display a random dog photo with each button click.
• User-Friendly Interface: Simple and intuitive interface for users to easily generate new photos.
• Responsive Design: Ensures the application looks great on both desktop and mobile devices.

Technologies Used

• JavaScript: For fetching data from the Dog API and handling user interactions.
• HTML: For structuring the interface, including the display area for the dog photos and the button for fetching new photos.
• CSS: For styling the application and enhancing the user experience with a visually appealing design.

Setup

To set up and run the Random Dog Photo Generator project:

1. Clone the Repository: Clone the project repository to your local machine using the following command:

   git clone <repository_url>
   

2. Navigate to the Project Directory: Open your terminal or command prompt and navigate to the directory where you cloned the project.

3. Open Index.html: Open the index.html file in your preferred web browser to view the Random Dog Photo Generator.

4. Generate Dog Photos: Click the button on the webpage to fetch and display random dog photos.

Example Usage

1. Open the application: Launch the index.html file in a web browser.
2. Click the Button: Click the “Fetch Dog Photo” button to generate a new random dog photo.
3. Enjoy: View the random dog photo displayed on the screen. Click the button again to see a different photo.

---