How To Create Image Search Engine Using HTML CSS and JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 พ.ย. 2024

ความคิดเห็น • 205

  • @evansmbewe06
    @evansmbewe06 5 หลายเดือนก่อน +3

    of all the people on TH-cam you are the best because a lot of people hide the steps and show you the steps which they want you to see but you show everything. Good teacher

  • @danishbukhari6693
    @danishbukhari6693 6 หลายเดือนก่อน +9

    Finally completed the playlist. I did all 30 projects by following the tutorials and now feeling confident. I learned a lot and wanna say thanks to sir Avinash for those great tutorials.

    • @dhanushyadav5030
      @dhanushyadav5030 6 หลายเดือนก่อน +1

      did the api's work , i keep getting authorisation error?

    • @m.rreality4998
      @m.rreality4998 27 วันที่ผ่านมา

      Could you please tell me which projects are best for knowledge gaining and which projects are best to add in resume?

    • @sanjuthakur6698
      @sanjuthakur6698 11 วันที่ผ่านมา

      Yes it works​@@dhanushyadav5030

  • @saadlasharii
    @saadlasharii 2 หลายเดือนก่อน +2

    Completed All the Projects!
    Love From Pakistan

  • @andystar444
    @andystar444 ปีที่แล้ว +9

    the greatest tutorial channel on youtube💫💫💯

  • @mansisidher
    @mansisidher ปีที่แล้ว +17

    Thank u for existing dude!!!!

    • @olatundeolukoya1788
      @olatundeolukoya1788 ปีที่แล้ว +1

      😂😂😂. He’s more important than my countries president rot now …🎉🎉🎉

  • @Akhi_vlogs_46
    @Akhi_vlogs_46 7 หลายเดือนก่อน +7

    I get error in console Uncaught error
    And filed to load resources the server response with a status of 401 not found

  • @christophermawela3318
    @christophermawela3318 หลายเดือนก่อน

    Thanks GreatStack, all went well, this tutorial was amazing and a bit compicated, will have to revise all 30 projects projects

  • @rsfaraz
    @rsfaraz ปีที่แล้ว +2

    Thanks a lot the man behind Easy Tutorials
    Lots of love and gratitude!! Fro Saudi Arabia. ❤

  • @chiragsingh8323
    @chiragsingh8323 ปีที่แล้ว +2

    Just one word:- Awesome 🔥
    Fast and great

  • @satyamgupta1446
    @satyamgupta1446 4 หลายเดือนก่อน +1

    Your projects tutorials are best😎👍

  • @olawale11954
    @olawale11954 ปีที่แล้ว +8

    Great tutorial everything work perfectly. Thank you sir for the video.

    • @MrHrithikChoudhary
      @MrHrithikChoudhary 5 หลายเดือนก่อน +1

      can you give me its java script code ?

    • @olawale11954
      @olawale11954 5 หลายเดือนก่อน

      @@MrHrithikChoudhary
      Yes of course

    • @manikiran949
      @manikiran949 3 หลายเดือนก่อน

      Can you please send the code here

  • @petermwansa4890
    @petermwansa4890 9 หลายเดือนก่อน

    Thank you so much for this playlist. I have followed all the 30 tutorials and I have learned a lot from developing my css skills to working with APIs.
    I really appreciate it mate🙏🏽

    • @salvadorron7151
      @salvadorron7151 9 หลายเดือนก่อน

      where you able access the api ? I followed all the steps but keep getting errors with the api part?

    • @petermwansa4890
      @petermwansa4890 8 หลายเดือนก่อน

      @@salvadorron7151 yes I was able to access the api

  • @Naikks-qy2kr
    @Naikks-qy2kr 9 หลายเดือนก่อน

    Your videos are awesome but plzz whenever uhh write a javascript new keywords, plzz tell us ki what that keywords does.. That will help us understanding Js more quickly..

  • @BeckyJoy-c2q
    @BeckyJoy-c2q หลายเดือนก่อน

    thanks for all the help i wish to be like you one day/ commenting from Africa/camerroon

  • @codingbyfaiz8069
    @codingbyfaiz8069 ปีที่แล้ว +3

    Awesome 🎉❤ thanks for this, plz create a food recipe app using api html css js plz it's humble request please 🙏🙏🙏🙏🙏

  • @hissamkhan4709
    @hissamkhan4709 6 หลายเดือนก่อน

    thank you for giving the oppertunity of practical experience

  • @Prashu-je4zo
    @Prashu-je4zo ปีที่แล้ว +2

    Great Job Broo👏👏👏👏👏👏 your tutorials are very much useful to us broo... keepon doing THANKS A LOT👍👍👍👍👍

  • @fantoshfantosh
    @fantoshfantosh 8 หลายเดือนก่อน +1

    at this moment I finish all videos .thank you soooooo munch

  • @horrorhawk_gaming
    @horrorhawk_gaming ปีที่แล้ว +3

    Sir Create some projects using react js please❤

  • @Freedom44555
    @Freedom44555 9 หลายเดือนก่อน

    Sir, your videos are amazing

  • @Islamicinfo578
    @Islamicinfo578 ปีที่แล้ว

    Sir you are a very good teacher I suggest you sir you will start reactjs

  • @supriya_codes
    @supriya_codes ปีที่แล้ว +2

    its working!
    thank you!😇🥰

  • @dannyvanbenthem
    @dannyvanbenthem ปีที่แล้ว +3

    Nice tutorial. But what about error handling? Can you show us how?

  • @tejeshkumardas9508
    @tejeshkumardas9508 ปีที่แล้ว +3

    Love it bro❤❤❤

  • @harshitasinghofficial9953
    @harshitasinghofficial9953 ปีที่แล้ว +1

    Bhai I humble request.
    How to make a documentary?

  • @dannyvanbenthem
    @dannyvanbenthem ปีที่แล้ว +3

    Nice tutorial. But what about error handling?

  • @ironman-29
    @ironman-29 ปีที่แล้ว +1

    image carousel project will also be helpful

  • @safaroads9504
    @safaroads9504 4 หลายเดือนก่อน

    Thanks a lot, you made it easy.

  • @olatundeolukoya1788
    @olatundeolukoya1788 ปีที่แล้ว +1

    Beautiful beautiful beautiful🤗🤗🤗🤗🤗

  • @rukmalherath8633
    @rukmalherath8633 ปีที่แล้ว +2

    Bro do video WordPress tutorial please.

  • @kousick3709
    @kousick3709 ปีที่แล้ว +3

    Informative one, thanks 👍

  • @isidoramoonrose5657
    @isidoramoonrose5657 ปีที่แล้ว +1

    thanks a lot i expect more content from youuuu.

  • @alfa.98765
    @alfa.98765 4 หลายเดือนก่อน

    Thank you Sir ❤

  • @AaqilKulmie
    @AaqilKulmie 8 หลายเดือนก่อน

    Thankz Teacher.

  • @Mohsenkardani
    @Mohsenkardani 11 หลายเดือนก่อน

    thank you sir

  • @learnwithnagma
    @learnwithnagma 8 หลายเดือนก่อน

    Thank you 😊

  • @danishgaming8249
    @danishgaming8249 7 หลายเดือนก่อน

    nice valuable content bro keep it up for learners

  • @mohammadmeraj40
    @mohammadmeraj40 9 หลายเดือนก่อน

    Very good very nice bro👍👍👍❤️❤️❤️❤️

  • @BegoWael-n7s
    @BegoWael-n7s ปีที่แล้ว

    intro0:0 to 2:50

  • @lavkumargahe8174
    @lavkumargahe8174 ปีที่แล้ว

    this video are very helpful thank you bro 😁😁😁😁😁

  • @namannema3349
    @namannema3349 ปีที่แล้ว

    thanks brother a nice and good project

  • @sanketsingh5555
    @sanketsingh5555 ปีที่แล้ว +1

    Bro iss project ko next step pr le jao photo k saath videos section bhi

  • @yashwanthgowdabc1127
    @yashwanthgowdabc1127 5 หลายเดือนก่อน

    Thank you sir 😊
    It works 😊🎉

  • @technology7033
    @technology7033 ปีที่แล้ว +1

    Informative Sir ❤

  • @vincentnjeru7116
    @vincentnjeru7116 10 หลายเดือนก่อน +3

    Hello bro. Thankyou very much for this. I have followed everything but I keep getting this error message when I try to search for images.
    Failed to load resource: the server responded with a status of 401 ().
    Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'map')
    at searchImages (script.js:22:9)
    What could be the issue with my code?

  • @dhanushyadav5030
    @dhanushyadav5030 6 หลายเดือนก่อน

    Chatgpt helped me to clear my errors so code is running fine

    • @karthikrajk
      @karthikrajk 5 หลายเดือนก่อน

      im getting 401 error code please help with this..... thank you.

    • @dhanushyadav5030
      @dhanushyadav5030 4 หลายเดือนก่อน

      ​@@karthikrajk you mostly would've used a inverted comma instead of template literal like me

  • @rohitshakya4293
    @rohitshakya4293 ปีที่แล้ว +14

    I search for different things every time but it gives me the same results every time. Why is this happening please sir give me answer

    • @jasmeetkaur0395
      @jasmeetkaur0395 ปีที่แล้ว +5

      I also faced the same issue. The error I spotted in my code later was a line break within the template string for constructing the URL.
      This correction ensures that the URL is constructed correctly and without syntax errors. It's a common mistake to accidentally introduce line breaks within template strings, and it can lead to unexpected issues in your code.
      Hope it might help :)

    • @rohitshakya4293
      @rohitshakya4293 ปีที่แล้ว

      @@jasmeetkaur0395 i really thankful to you

    • @rohitshakya4293
      @rohitshakya4293 ปีที่แล้ว

      @@jasmeetkaur0395 Now code is working

    • @papidas974
      @papidas974 10 หลายเดือนก่อน

      Because there is a mistake in the js url line 14 the keyword is not highlighting. So to get the result recheck the line 14 and write the whole line in one row

    • @papidas974
      @papidas974 10 หลายเดือนก่อน

      Remove the space before {keyword} and write it in one line

  • @Rose-gb1ku
    @Rose-gb1ku 3 หลายเดือนก่อน

    GreatOne thanks :)

  • @MyGamingEra
    @MyGamingEra ปีที่แล้ว +1

    Done ✅ thank you so much sir🎉❤

    • @GreatStackDev
      @GreatStackDev  ปีที่แล้ว +1

      You are welcome

    • @sravanit2002
      @sravanit2002 ปีที่แล้ว +1

      I search for different things every time but it gives me the same results every time. Why is this happening please give me answer

    • @tabishansari1774
      @tabishansari1774 ปีที่แล้ว +2

      @@GreatStackDev it giving me same results every time plzz help

    • @ferhatabik1906
      @ferhatabik1906 ปีที่แล้ว

      @@tabishansari1774 I think I made the same mistake :D Did you solve ?

    • @rakeshpandey6768
      @rakeshpandey6768 ปีที่แล้ว

      Yes I'm also getting same result

  • @ABHISHEK-xr7dm
    @ABHISHEK-xr7dm ปีที่แล้ว

    Thank you so much sir

  • @kleincamper-e4s
    @kleincamper-e4s ปีที่แล้ว

    Thank you for this.

  • @techcodesmartly2547
    @techcodesmartly2547 ปีที่แล้ว

    awesome, thanks go

  • @offornna
    @offornna ปีที่แล้ว +1

    I like this

  • @IT-ScorchYt
    @IT-ScorchYt ปีที่แล้ว

    i appreciated u r work bro

  • @shekabdulla457
    @shekabdulla457 ปีที่แล้ว +2

    22.00 after console this error will comeFailed to load resource: the server responded with a status of 401 () what can i do

  • @sreedharlikit8966
    @sreedharlikit8966 ปีที่แล้ว

    ❤nice tutorials sir🎉🎉🎉🎉

  • @flex959
    @flex959 ปีที่แล้ว +1

    Mr. Easy can you please teach us php

  • @TOONSSTATION
    @TOONSSTATION 7 หลายเดือนก่อน

    Completed.

    • @Akhi_vlogs_46
      @Akhi_vlogs_46 7 หลายเดือนก่อน

      Can u please explain me?

    • @TOONSSTATION
      @TOONSSTATION 7 หลายเดือนก่อน

      @@Akhi_vlogs_46 Explain what bro ?

    • @ukashamali6361
      @ukashamali6361 2 หลายเดือนก่อน

      ​@@TOONSSTATIONbro I get error in API 404

  • @salvadorron7151
    @salvadorron7151 9 หลายเดือนก่อน

    Thanks for the video, would anyone know how I can get test the api with my access code and have it not show up as json()?

  • @oilybrakes
    @oilybrakes ปีที่แล้ว +2

    12:05 line 17:
    Inserting a Js file this way will only work when html file and Js file are stored locally and the Js file doesn't need to be loaded from a server, right?

  • @mansoorchanno8278
    @mansoorchanno8278 ปีที่แล้ว +3

    Thanks sir for this but i have an error problem my J's file does not work well i put all the elements like the same way 😢

    • @olawale11954
      @olawale11954 ปีที่แล้ว

      Check the js code very well maybe you have spelling error.

  • @pvr-sl5wz
    @pvr-sl5wz 9 หลายเดือนก่อน +1

    Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'map')
    at searchImages (script.js:21:13)

    • @learnwithnagma
      @learnwithnagma 8 หลายเดือนก่อน +1

      In html code,
      Write id in place of class in search result div . This solved my error 😊.

  • @artificialintelligence8688
    @artificialintelligence8688 11 หลายเดือนก่อน

    also can you please teach us how to deploy it in any free hosting site , may be in netlify ?

  • @WEBSITEINTEGRATOR
    @WEBSITEINTEGRATOR 11 หลายเดือนก่อน +1

    How do I fix this issue results.map((result) =>{
    }
    Console say cannot read property of 'map'

  • @marufhasanshihab
    @marufhasanshihab ปีที่แล้ว

    thanks

  • @yashjetwani9192
    @yashjetwani9192 ปีที่แล้ว +1

    How can i search for new pages without re loading?

  • @Dibyendu-dev
    @Dibyendu-dev ปีที่แล้ว

    nice video

  • @historiasuperrandom9646
    @historiasuperrandom9646 ปีที่แล้ว

    Thank you so much for this tutorial!

  • @itsmjns23
    @itsmjns23 5 หลายเดือนก่อน

    Hi i want to know how to use Savefrom API

  • @codeKeshav
    @codeKeshav ปีที่แล้ว +3

    At 33:53, the method cannot clear the images if previously load more is clicked. @GreatStack

  • @emkaykhan
    @emkaykhan ปีที่แล้ว +1

    Can we host this website and earn from AdSense?

  • @bhartisinha2596
    @bhartisinha2596 ปีที่แล้ว +1

    This project can be add in resume

    • @GreatStackDev
      @GreatStackDev  ปีที่แล้ว +1

      Yes, you can add this project in your resume, and will recommend you to checkout this portfolio website project also: th-cam.com/video/0YFrGy_mzjY/w-d-xo.html

  • @shammasmc2294
    @shammasmc2294 ปีที่แล้ว

    Can just make these website by using reverse image search by same methode

  • @kermanianmitra9508
    @kermanianmitra9508 10 หลายเดือนก่อน

    But when I click one of the pictures it doesn't open the Unsplash website to show that image. why??

  • @jyotivishwakarma5404
    @jyotivishwakarma5404 4 หลายเดือนก่อน

    if I want to add a download symbol in this image and after clicking that my image is getting download what should I do

  • @abdultanveerj6441
    @abdultanveerj6441 หลายเดือนก่อน

    How to get it downloaded through this website itself?

  • @akeaditing3896
    @akeaditing3896 ปีที่แล้ว +1

    Sir how to add image Downloaded option

  • @naaziz-ytyt
    @naaziz-ytyt 2 หลายเดือนก่อน

    16:50 i;m stuck at there, already paste access key link. But nothing happen. So what next ?

  • @lucklines
    @lucklines 11 หลายเดือนก่อน

    Can we Earn through these kind of websites through selling pics or ads, as if we are getting these images from an API of free source website(s)

  • @CarryonTechie
    @CarryonTechie ปีที่แล้ว

    my api unspash page is shown unformatted,

  • @Soulfulsongss
    @Soulfulsongss ปีที่แล้ว +2

    code is not working problem in map function and in fetching url

  • @SureshKumar-qx6vh
    @SureshKumar-qx6vh ปีที่แล้ว +2

    While image searching by keywords, images not appear

    • @GreatStackDev
      @GreatStackDev  ปีที่แล้ว

      please check the video at 22:00 do you get data in your browser console?

  • @yogeshsingh4354
    @yogeshsingh4354 9 หลายเดือนก่อน

    How can we do this with google api?

  • @ebiarun8910
    @ebiarun8910 11 หลายเดือนก่อน +1

    I registered in unplash ...but the link is working...i also paste the access key ...but didn't work

    • @naaziz-ytyt
      @naaziz-ytyt 2 หลายเดือนก่อน

      same like me, and what next ?

  • @durgamgirishkumar8893
    @durgamgirishkumar8893 ปีที่แล้ว +1

    I have one error bro
    12 images after show more btn will not display
    It will display 1st image before
    That is my problem

    • @WEBSITEINTEGRATOR
      @WEBSITEINTEGRATOR 11 หลายเดือนก่อน

      Set you function with the next button to block not none

  • @monsurolalekan4457
    @monsurolalekan4457 หลายเดือนก่อน

    I am getting this error:
    Uncaught (in promise) TypeError.
    Cannot read properties of undefined (reading 'small').
    Meanwhile, I wrote image.src = result.urls.small.

  • @ritikmodanwal810
    @ritikmodanwal810 ปีที่แล้ว

    Sir, can you add a download image button

  • @CyberHunter370
    @CyberHunter370 ปีที่แล้ว +1

    ailed to load resource: the server responded with a status of 401 () unsplash search keyword problem how to solve it

    • @emmanuelvijaypeter7109
      @emmanuelvijaypeter7109 ปีที่แล้ว

      recheck your're code cause every coder have this problem check the js and HTML and you can solve it, take care

  • @Motivational_speaker_saikat
    @Motivational_speaker_saikat ปีที่แล้ว

    Pls tell me how to Handel erroe

  • @AaqilKulmie
    @AaqilKulmie 8 หลายเดือนก่อน

    Any one Please help.
    i have this error
    Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
    Code:
    searchForm.addEventListener("submit", (e) => {
    e.preventDefault();
    page = 1;
    searchImages();
    })

  • @saikrishna-mz9iq
    @saikrishna-mz9iq 6 หลายเดือนก่อน +1

    image not changed how tochange image

  • @pvr-sl5wz
    @pvr-sl5wz 9 หลายเดือนก่อน +1

    Failed to load resource: the server responded with a status of 404 ()

  • @falguniprasadranga3147
    @falguniprasadranga3147 ปีที่แล้ว

    Create TH-cam video downloader project in javascript

  • @elifoxgamer11
    @elifoxgamer11 ปีที่แล้ว +1

    What is the name of your Visual Studio Code Theme?

    • @codeKeshav
      @codeKeshav ปีที่แล้ว +1

      Monokai Dark

  • @Zia_hussain
    @Zia_hussain ปีที่แล้ว +2

    The access key code is not working can anyone tell me why

    • @pranavsoma8608
      @pranavsoma8608 9 หลายเดือนก่อน +1

      Same issue with me

  • @medianopolhosting
    @medianopolhosting ปีที่แล้ว +1

    Web hosting is like a car - you get what you pay for. 🚗💰

  • @MrHrithikChoudhary
    @MrHrithikChoudhary 5 หลายเดือนก่อน +1

    bro please give java script code 🙏

  • @sangeeth3908
    @sangeeth3908 ปีที่แล้ว +2

    i have done every step still my search is not working help!

    • @alimulla4098
      @alimulla4098 ปีที่แล้ว

      Bro same thing happens with me repeatedly go open console and check for any error

    • @irfanahmed7004
      @irfanahmed7004 ปีที่แล้ว

      @@alimulla4098 its hsowing TypeError: Cannot read properties of null (reading 'appendChild')

    • @codingbyfaiz8069
      @codingbyfaiz8069 ปีที่แล้ว

      Name shi se target kro brother

    • @codingbyfaiz8069
      @codingbyfaiz8069 ปีที่แล้ว

      Element name jo html file mai hai vhi same javascript mai hona chaiye

    • @sangeeth3908
      @sangeeth3908 ปีที่แล้ว

      solved using gpt

  • @BirasaEmmanuel-pm4xt
    @BirasaEmmanuel-pm4xt ปีที่แล้ว

    why do i have these errors Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
    at

    • @byme880
      @byme880 11 หลายเดือนก่อน

      Same issue

  • @anjalijain364
    @anjalijain364 ปีที่แล้ว

    Hello