The latest articles on Forem by Enge Karthikeya (@karthikeyaenge). https://forem.com/karthikeyaenge https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F953247%2F184e3c15-f449-4f59-b12d-7142f42f9e6e.jpg https://forem.com/karthikeyaenge en Enge Karthikeya Sat, 11 May 2024 15:19:19 +0000 https://forem.com/karthikeyaenge/netlify-dynamic-site-challenge-building-a-dynamic-image-gallery-58o7 https://forem.com/karthikeyaenge/netlify-dynamic-site-challenge-building-a-dynamic-image-gallery-58o7 <ul> <li>This is my first ever challenge, I hope you like it. If there are any issues please let me know*</li> </ul> <p>I've created a dynamic image gallery app that leverages the power of the Netlify Image CDN to deliver beautiful visuals straight from Unsplash. Users can explore a vast collection of images by entering a keyword, and the app seamlessly fetches them. What's more, you can fine-tune the visual experience by adjusting the image resolution (width and height) and quality to your liking.</p> <h3> Demo </h3> <p><a href="https://devdyanmicgallery.netlify.app">Dynamic gallery url https://devdyanmicgallery.netlify.app</a></p> <h3> Screenshots </h3> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5ccx7wwzunow22ai9hqe.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5ccx7wwzunow22ai9hqe.png" alt="mainpage" width="800" height="469"></a><br> <a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw34gji8auxgwj1s0gko8.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw34gji8auxgwj1s0gko8.png" alt="search results page" width="800" height="463"></a><br> <a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnny57icn5scifsemcal4.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnny57icn5scifsemcal4.png" alt="image properties change modal" width="800" height="471"></a></p> <p>Netlify Image CDN: The core of the app relies heavily on the Netlify Image CDN. When a user searches for a keyword, the app fetches images from Unsplash and utilizes the CDN to deliver them efficiently, ensuring fast loading times and a smooth user experience.<br> Additional Features (Optional)</p> <h3> Embrace the Visual Feast! </h3> <p>This dynamic image gallery app empowers users to explore a vast world of visuals, perfect for inspiration, design projects, or simply enjoying stunning photography. With the power of Netlify's platform, the app delivers a seamless and visually captivating experience.</p> netlifychallenge devchallenge webdev javascript