Get ready to dive into a visually stunning and ever-changing world of images with our Random Image Gallery! This project showcases a delightful feed of six random images from the "Lorem Pixel" website, refreshing each time you visit the page. Plus, there's a magical button at the bottom to add even more random images at your whim. Using JavaScript to fetch images from the "Lorem Pixel" API, we manipulate the DOM to create a dynamic and engaging gallery experience. Stylish CSS adds the finishing touch, making this project a fantastic learning journey into fetching API data, DOM manipulation, and image styling.
- Random Image Feed: Enjoy six random images that refresh every time you reload the page.
- Add More Images: Click the button at the bottom to add new random images instantly.
- Responsive Design: Beautifully styled images that look great on any device.
- Learn & Explore: Dive into JavaScript, API data fetching, DOM manipulation, and CSS styling.
Ready to explore the magic? Follow these simple steps to get the gallery up and running!
-
Clone the Repository
git clone https://github.com/your-username/random-image-gallery.git cd random-image-gallery -
Open the App
Just open the
index.htmlfile in your favorite browser, and let the visual feast begin!
- HTML: The structure that holds our gallery together.
- CSS: The stylish design that makes our gallery pop.
- JavaScript: The magic behind fetching and displaying random images.
- Lorem Pixel API: The source of our delightful and random images.
Six random images ready to mesmerize you!
Click the button to add even more random images!
- Random Images on Load: Every time you load the page, six random images are fetched from the "Lorem Pixel" API.
- Add More Images: Click the "Add More Images" button to fetch and display additional random images.
- Enjoy the Visuals: Sit back and enjoy the ever-changing gallery of beautiful images.
We love contributions! If you have ideas for new features or improvements, feel free to fork the repository and submit a pull request. Let's make this gallery even more amazing together!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Got questions, suggestions, or just want to say hi? Reach out to us at Mail.
Dive into the vibrant world of random images! Refresh, click, and enjoy the visual adventure! 🎉
Feel free to personalize this README further to match your specific project details and style.