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

  • @88gb77
    @88gb77 Жыл бұрын

    Splendid! you did an amazing work!!! and you helped me a lot by proving also the source code. Thanks man!

  • @harshalikanoje7204
    @harshalikanoje7204 Жыл бұрын

    Thank you so much for this wonderful project 😊😊

  • @mdms4549
    @mdms4549 Жыл бұрын

    This is really amazing, thanks for everything😀😀😉😉

  • @maskman4821
    @maskman4821 Жыл бұрын

    I like this app, very useful and practical, you are the man 👍😉😎😘🤗🥰😀🤩

  • @nzizaalain
    @nzizaalain Жыл бұрын

    Wow it is amazing thank for that video with more lessons am grateful 🎉

  • @islamgaber6121
    @islamgaber6121 Жыл бұрын

    wonderful project ❤👍

  • @bima0205
    @bima0205 Жыл бұрын

    Great sir, the video is very interesting and informative

  • @animedevilreaper3693
    @animedevilreaper3693 Жыл бұрын

    Bro you are god for me❤

  • @namjotsingh
    @namjotsingh Жыл бұрын

    Amazing project. Thanks for these videos .

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    My pleasure!

  • @christinamaejoven2564
    @christinamaejoven2564 Жыл бұрын

    Thank you for this sir!

  • @Revolutionary720
    @Revolutionary7209 ай бұрын

    bro you are god i think you should have more subscribers

  • @Revolutionary720

    @Revolutionary720

    9 ай бұрын

    bro who liked my comment

  • @yubiroaster6285
    @yubiroaster6285 Жыл бұрын

    Wow 😳....

  • @diwakar_tsn
    @diwakar_tsn Жыл бұрын

    Wow dai wow Best Nepali web dev ho tapai Just wow such project ❤

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Thanks brother

  • @user-hq1yd8iw1c
    @user-hq1yd8iw1c11 ай бұрын

    good job,thanks

  • @priyanshusahu7869
    @priyanshusahu78699 ай бұрын

    Love you bro ❤

  • @ashishpatel6078
    @ashishpatel6078 Жыл бұрын

    Thanks for your javascript videos 📸❤️❤️

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    My pleasure brother

  • @Rahulkingyt-di1ut
    @Rahulkingyt-di1ut Жыл бұрын

    Awesome project I really impressed 👍

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Glad you like it!

  • @tejassharmaa
    @tejassharmaa Жыл бұрын

    Awesomeee

  • @jasaperancangsitusweb
    @jasaperancangsitusweb Жыл бұрын

    you are awesome

  • @SparrowTutorialsFun
    @SparrowTutorialsFun Жыл бұрын

    Awesome!

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Thanks!

  • @rushikeshavachat4282
    @rushikeshavachat4282 Жыл бұрын

    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

    @CodingNepal

    Жыл бұрын

    Yes, sure I'll try.

  • @grenishrai611
    @grenishrai611 Жыл бұрын

    some photos are downloading normally in lighbox but some are getting downloaded in .htm with "Cannot GET /undefined" inside. Any help with that?

  • @muhammedshamveel5201
    @muhammedshamveel520118 күн бұрын

    thankyou very useful video🤩

  • @CodingNepal

    @CodingNepal

    15 күн бұрын

    You're most welcome :)

  • @TheAnonymous_ofc
    @TheAnonymous_ofc Жыл бұрын

    Amazing 😍

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Thank you! Cheers!

  • @adenmohmuud9505
    @adenmohmuud95053 ай бұрын

    respect man

  • @CodingNepal

    @CodingNepal

    2 ай бұрын

    Thank you

  • @m.areeshrashid705
    @m.areeshrashid705 Жыл бұрын

    Please CV Generator using HTML CSS JavaScript

  • @elkinmurillo5623
    @elkinmurillo5623 Жыл бұрын

    a question by any chance do you know how to make a carousel that you can add images or videos from an input?

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Okay, I'll think to make video on this topic.

  • @talday0
    @talday0 Жыл бұрын

    Nice job

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Thanks

  • @armandodma6730
    @armandodma6730 Жыл бұрын

    Unsplash First Version? Good Job 👍

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Thank you

  • @ritikmodanwal810
    @ritikmodanwal81010 ай бұрын

    Can you make a separate video on download image with explanation

  • @harshwebdeveloper
    @harshwebdeveloper Жыл бұрын

    Awesome project

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Thank you

  • @TheAnonymous_ofc
    @TheAnonymous_ofc Жыл бұрын

    Bro You should make a framework like bootstrap

  • @Riteshk_007
    @Riteshk_00710 ай бұрын

    Bhai ek channel bna lo uspe react js ke ese hi awesome projects ka tutorial bna do ❤ please ❤️

  • @user-kq1pt4ny8l
    @user-kq1pt4ny8l Жыл бұрын

    Bro there is a problem i have already add API key but it is showing failed to load images 😢😢plz help

  • @mdms4549
    @mdms4549 Жыл бұрын

    🌺🌺

  • @Bartayoutube
    @Bartayoutube8 ай бұрын

    Thanks bro , can you create video gallery using html css js and api pexels please

  • @CodeExperiment
    @CodeExperiment Жыл бұрын

    Sir how can make add image button that we can add image

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Sure, I'll add if many viewers demand it.

  • @user-rs8tt9ms1z
    @user-rs8tt9ms1z4 ай бұрын

    add search by image option please like google image search and others stock images web

  • @shadowapks
    @shadowapks Жыл бұрын

    Can you make tutorial on making a wallpaper website

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Isn't it like wallpaper website?

  • @shadowapks

    @shadowapks

    Жыл бұрын

    @@CodingNepal but want the image should open in new tab with upload option not api

  • @mukhtarubaid6119
    @mukhtarubaid6119 Жыл бұрын

    Bro can u also make a tutorial of dynamic website with php and mysql

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Okay, I'll think on this topic.

  • @muhammadtalha22b
    @muhammadtalha22b Жыл бұрын

    if iwant add my own images what i can doo

  • @atharvabarve28
    @atharvabarve28 Жыл бұрын

    Can you make a video in KZread video downloader website?

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    I don't think KZread will allow me to upload video on this topic.

  • @atharvabarve28

    @atharvabarve28

    Жыл бұрын

    @@CodingNepal Why not buddy😅

  • @atharvabarve28

    @atharvabarve28

    Жыл бұрын

    give a try please!

  • @abdulkhader2263
    @abdulkhader2263 Жыл бұрын

    pls update the code in link

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Source code uploaded. Please go through the description link

  • @abdultaqui6361
    @abdultaqui6361 Жыл бұрын

    This downloaded code has errors

  • @sungamshrestha7084
    @sungamshrestha7084 Жыл бұрын

    Source code still not available

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Source code available on my website now. Please go through the description link.

  • @abdullahmirza5551
    @abdullahmirza5551 Жыл бұрын

    First comment Pin my comment coding Nepal

  • @Rahulkingyt-di1ut
    @Rahulkingyt-di1ut Жыл бұрын

    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

    @CodingNepal

    Жыл бұрын

    Okay, I'll try my best.

  • @thechoosen4240
    @thechoosen4240 Жыл бұрын

    Good job bro, JESUS IS COMING BACK VERY SOON;WATCH AND PREPARE

  • @jakemongolo4604

    @jakemongolo4604

    Жыл бұрын

    Amen to that brother all the way

  • @harshwebdeveloper
    @harshwebdeveloper Жыл бұрын