Create Image Search Engine in HTML CSS & JavaScript | Functional Image Gallery HTML CSS & JavaScript
In this video, I've shown how to create a functional image gallery using HTML, CSS, and JavaScript. With this gallery, users will be able to quickly search, view, and download any image they desire, all within seconds. It's a Pexels clone coding project that uses the Pexels API to get images.
🖼️ Get Images only of this Image Gallery
➤ drive.google.com/file/d/1qaXp...
🗂️ Get Source Code of this Image Gallery
➤ buymeacoffee.com/codingnepal/...
🌐 Visit CodingNepal for helpful coding projects
➤ www.codingnepalweb.com
⭐ Hire me on Fiverr
➤ www.fiverr.com/prakashahi
📷 Follow me on Instagram
➤ / coding.np
🤝 Support my work with a coffee
➤ buymeacoffee.com/codingnepal
Timestamps:
0:00 Demo of Image Gallery
3:53 HTML & CSS Start
04:07 Creating Search Section
08:01 Creating Masonry Gallery
15:01 Creating Image Lightbox
20:30 JavaScript Start
21:00 Making Image Gallery Dynamic
25:09 Working on Load More Button
27:25 Working on Search Input
32:00 Working on Downloading Image
34:33 Working on Image Lightbox
38:06 Working on Downloading Image from Lightbox
#javascript #html #css #javascriptprojects #js #imagegallery
Music Credit:
Ikson - We Are Free [Official]
• #83 We Are Free (Offic...
Miss You - LiQWYD
• Miss You - LiQWYD (No ...
Those Restless Nights - Artificial.Music
• Those Restless Nights ...
Ikson - Lights [Official]
• #32 Lights (Official)
Пікірлер: 74
Splendid! you did an amazing work!!! and you helped me a lot by proving also the source code. Thanks man!
Thank you so much for this wonderful project 😊😊
This is really amazing, thanks for everything😀😀😉😉
I like this app, very useful and practical, you are the man 👍😉😎😘🤗🥰😀🤩
Wow it is amazing thank for that video with more lessons am grateful 🎉
wonderful project ❤👍
Great sir, the video is very interesting and informative
Bro you are god for me❤
Amazing project. Thanks for these videos .
@CodingNepal
Жыл бұрын
My pleasure!
Thank you for this sir!
bro you are god i think you should have more subscribers
@Revolutionary720
9 ай бұрын
bro who liked my comment
Wow 😳....
Wow dai wow Best Nepali web dev ho tapai Just wow such project ❤
@CodingNepal
Жыл бұрын
Thanks brother
good job,thanks
Love you bro ❤
Thanks for your javascript videos 📸❤️❤️
@CodingNepal
Жыл бұрын
My pleasure brother
Awesome project I really impressed 👍
@CodingNepal
Жыл бұрын
Glad you like it!
Awesomeee
you are awesome
Awesome!
@CodingNepal
Жыл бұрын
Thanks!
Awesome yaar Coding Nepal your Project is very Good in JavaScript😘♥.Can you make these kind of Projects in React for me please!!Thank you !!
@CodingNepal
Жыл бұрын
Yes, sure I'll try.
some photos are downloading normally in lighbox but some are getting downloaded in .htm with "Cannot GET /undefined" inside. Any help with that?
thankyou very useful video🤩
@CodingNepal
15 күн бұрын
You're most welcome :)
Amazing 😍
@CodingNepal
Жыл бұрын
Thank you! Cheers!
respect man
@CodingNepal
2 ай бұрын
Thank you
Please CV Generator using HTML CSS JavaScript
a question by any chance do you know how to make a carousel that you can add images or videos from an input?
@CodingNepal
Жыл бұрын
Okay, I'll think to make video on this topic.
Nice job
@CodingNepal
Жыл бұрын
Thanks
Unsplash First Version? Good Job 👍
@CodingNepal
Жыл бұрын
Thank you
Can you make a separate video on download image with explanation
Awesome project
@CodingNepal
Жыл бұрын
Thank you
Bro You should make a framework like bootstrap
Bhai ek channel bna lo uspe react js ke ese hi awesome projects ka tutorial bna do ❤ please ❤️
Bro there is a problem i have already add API key but it is showing failed to load images 😢😢plz help
🌺🌺
Thanks bro , can you create video gallery using html css js and api pexels please
Sir how can make add image button that we can add image
@CodingNepal
Жыл бұрын
Sure, I'll add if many viewers demand it.
add search by image option please like google image search and others stock images web
Can you make tutorial on making a wallpaper website
@CodingNepal
Жыл бұрын
Isn't it like wallpaper website?
@shadowapks
Жыл бұрын
@@CodingNepal but want the image should open in new tab with upload option not api
Bro can u also make a tutorial of dynamic website with php and mysql
@CodingNepal
Жыл бұрын
Okay, I'll think on this topic.
if iwant add my own images what i can doo
Can you make a video in KZread video downloader website?
@CodingNepal
Жыл бұрын
I don't think KZread will allow me to upload video on this topic.
@atharvabarve28
Жыл бұрын
@@CodingNepal Why not buddy😅
@atharvabarve28
Жыл бұрын
give a try please!
pls update the code in link
@CodingNepal
Жыл бұрын
Source code uploaded. Please go through the description link
This downloaded code has errors
Source code still not available
@CodingNepal
Жыл бұрын
Source code available on my website now. Please go through the description link.
First comment Pin my comment coding Nepal
Please video ko explanation karke samjhaen kyunki agar hamen logic hi samajh nahin aaega to kya fayda agar aapko Hindi aati hai to aap Hindi mein banaya agar aapko English aati hai To aap English mein banaen please bolkar samjhae🙏
@CodingNepal
Жыл бұрын
Okay, I'll try my best.
Good job bro, JESUS IS COMING BACK VERY SOON;WATCH AND PREPARE
@jakemongolo4604
Жыл бұрын
Amen to that brother all the way