The Dog Image Generator is a simple web application designed to delight users by displaying random dog images. Built with HTML, CSS, and JavaScript. Additionally, a download functionality allows users to save their favorite images, further enhancing the interactive experience.
- Generate Button: Click to display a random dog image.
- Download Button: Download the currently displayed dog image. (You need to run it on your server for it to work)
- Theme Toggle: Switch between light and dark mode to suit your viewing preference.
To run this project locally, follow these steps:
- Clone the repository
git clone https://github.com/SanWach/RandomDogImageGenerator.git
- Navigate to the project directory
cd RandomDogImageGenerator
- Open the
index.htmlfile in a browser
You can simply double-click the file or use a live server feature provided by code editors like VSCode.
- Click the Show me a dog! button to generate and display a random dog image.
- After an image appears, the Download button will be visible. Click it to download the image to your device. The button text changes to Wooff! as feedback for a successful action.
- Use the Toggle Theme button in the footer to switch between light and dark modes.
- HTML5
- CSS3 (Until V2.0.0)
- Tailwind CSS (Starting V2.0.0)
- JavaScript
- External API: Dog CEO's Dog API for random dog images.
The Dog Image Generator uses the Dog CEO's Dog API to fetch random dog images. While the API generally provides dog-related content, the nature of the content is controlled by the API provider and not by the Dog Image Generator project. We do not curate, monitor, or have any control over the images provided. As such, the Dog Image Generator and its developers take no responsibility for any images displayed by the application. Users are advised to use this application at their own risk.
Contributions to the Dog Image Generator are welcome! But at the end, it is really simple already!
This project is licensed under the MIT License
- Mr_Akihiro