How To Create Image Search Engine Using HTML CSS and JavaScript

Поделиться
HTML-код
  • Опубликовано: 6 янв 2025

Комментарии • 212

  • @danishbukhari6693
    @danishbukhari6693 8 месяцев назад +12

    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 7 месяцев назад +1

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

    • @m.rreality4998
      @m.rreality4998 2 месяца назад

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

    • @Hanuman_ji_bhakti-y3y
      @Hanuman_ji_bhakti-y3y Месяц назад

      Yes it works​@@dhanushyadav5030

  • @evansmbewe06
    @evansmbewe06 7 месяцев назад +3

    of all the people on RUclips 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

  • @andystar444
    @andystar444 Год назад +9

    the greatest tutorial channel on youtube💫💫💯

  • @saadlasharii
    @saadlasharii 3 месяца назад +3

    Completed All the Projects!
    Love From Pakistan

  • @webadvancer
    @webadvancer 17 дней назад +1

    i wasting thousands of money for online and offline courses to learn but your channel is useful to get pro level status sir thank you sir

  • @mansisidher
    @mansisidher Год назад +18

    Thank u for existing dude!!!!

    • @olatundeolukoya1788
      @olatundeolukoya1788 Год назад +1

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

  • @chiragsingh8323
    @chiragsingh8323 Год назад +2

    Just one word:- Awesome 🔥
    Fast and great

  • @rsfaraz
    @rsfaraz Год назад +2

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

  • @christophermawela3318
    @christophermawela3318 3 месяца назад

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

  • @satyamgupta1446
    @satyamgupta1446 6 месяцев назад +1

    Your projects tutorials are best😎👍

  • @Akhi_vlogs_46
    @Akhi_vlogs_46 8 месяцев назад +7

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

  • @olawale11954
    @olawale11954 Год назад +9

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

    • @MrHrithikChoudhary
      @MrHrithikChoudhary 6 месяцев назад +1

      can you give me its java script code ?

    • @olawale11954
      @olawale11954 6 месяцев назад

      @@MrHrithikChoudhary
      Yes of course

    • @manikiran949
      @manikiran949 5 месяцев назад

      Can you please send the code here

  • @Prashu-je4zo
    @Prashu-je4zo Год назад +2

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

  • @SahilMeo-CodingExpert
    @SahilMeo-CodingExpert Месяц назад

    Thanks man it's a helpfull tutorial. 👊

  • @supriya_codes
    @supriya_codes Год назад +2

    its working!
    thank you!😇🥰

  • @kousick3709
    @kousick3709 Год назад +3

    Informative one, thanks 👍

  • @petermwansa4890
    @petermwansa4890 11 месяцев назад

    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 11 месяцев назад

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

    • @petermwansa4890
      @petermwansa4890 10 месяцев назад

      @@salvadorron7151 yes I was able to access the api

  • @mohammadmeraj40
    @mohammadmeraj40 11 месяцев назад

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

  • @tejeshkumardas9508
    @tejeshkumardas9508 Год назад +3

    Love it bro❤❤❤

  • @Freedom44555
    @Freedom44555 10 месяцев назад

    Sir, your videos are amazing

  • @codingbyfaiz8069
    @codingbyfaiz8069 Год назад +3

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

  • @yashwanthgowdabc1127
    @yashwanthgowdabc1127 6 месяцев назад

    Thank you sir 😊
    It works 😊🎉

  • @hissamkhan4709
    @hissamkhan4709 7 месяцев назад

    thank you for giving the oppertunity of practical experience

  • @olatundeolukoya1788
    @olatundeolukoya1788 Год назад +1

    Beautiful beautiful beautiful🤗🤗🤗🤗🤗

  • @isidoramoonrose5657
    @isidoramoonrose5657 Год назад +1

    thanks a lot i expect more content from youuuu.

  • @danishgaming8249
    @danishgaming8249 8 месяцев назад

    nice valuable content bro keep it up for learners

  • @chsaidurga361
    @chsaidurga361 23 дня назад

    Sir it's working
    Tq soooooo much

  • @lavkumargahe8174
    @lavkumargahe8174 Год назад

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

  • @safaroads9504
    @safaroads9504 6 месяцев назад

    Thanks a lot, you made it easy.

  • @oilybrakes
    @oilybrakes Год назад +3

    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?

  • @BeckyJoy-c2q
    @BeckyJoy-c2q 2 месяца назад

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

  • @technology7033
    @technology7033 Год назад +1

    Informative Sir ❤

  • @sreedharlikit8966
    @sreedharlikit8966 Год назад

    ❤nice tutorials sir🎉🎉🎉🎉

  • @namannema3349
    @namannema3349 Год назад

    thanks brother a nice and good project

  • @Naikks-qy2kr
    @Naikks-qy2kr 11 месяцев назад

    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..

  • @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

  • @alfa.98765
    @alfa.98765 6 месяцев назад

    Thank you Sir ❤

  • @fantoshfantosh
    @fantoshfantosh 9 месяцев назад +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❤

  • @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 Год назад

      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 Год назад

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

  • @Islamicinfo578
    @Islamicinfo578 Год назад

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

  • @dannyvanbenthem
    @dannyvanbenthem Год назад +3

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

  • @RPOBLEM-SOLVE
    @RPOBLEM-SOLVE Месяц назад

    Thanks Sir its working

  • @appuhash
    @appuhash Месяц назад

    level 💥❤‍🔥

  • @historiasuperrandom9646
    @historiasuperrandom9646 Год назад

    Thank you so much for this tutorial!

  • @ironman-29
    @ironman-29 Год назад +1

    image carousel project will also be helpful

  • @kleincamper-e4s
    @kleincamper-e4s Год назад

    Thank you for this.

  • @dannyvanbenthem
    @dannyvanbenthem Год назад +3

    Nice tutorial. But what about error handling?

  • @learnwithnagma
    @learnwithnagma 9 месяцев назад

    Thank you 😊

  • @rukmalherath8633
    @rukmalherath8633 Год назад +2

    Bro do video WordPress tutorial please.

  • @IT-ScorchYt
    @IT-ScorchYt Год назад

    i appreciated u r work bro

  • @Rose-gb1ku
    @Rose-gb1ku 4 месяца назад

    GreatOne thanks :)

  • @techcodesmartly2547
    @techcodesmartly2547 Год назад

    awesome, thanks go

  • @AaqilKulmie
    @AaqilKulmie 10 месяцев назад

    Thankz Teacher.

  • @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

  • @ABHISHEK-xr7dm
    @ABHISHEK-xr7dm Год назад

    Thank you so much sir

  • @Mohsenkardani
    @Mohsenkardani Год назад

    thank you sir

  • @harshitasinghofficial9953
    @harshitasinghofficial9953 Год назад +1

    Bhai I humble request.
    How to make a documentary?

  • @vincentnjeru7116
    @vincentnjeru7116 11 месяцев назад +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?

  • @sanketsingh5555
    @sanketsingh5555 Год назад +1

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

  • @BegoWael-n7s
    @BegoWael-n7s Год назад

    intro0:0 to 2:50

  • @codeKeshav
    @codeKeshav Год назад +3

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

  • @pvr-sl5wz
    @pvr-sl5wz 11 месяцев назад +1

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

    • @learnwithnagma
      @learnwithnagma 9 месяцев назад +1

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

  • @TOONSSTATION
    @TOONSSTATION 9 месяцев назад

    Completed.

    • @Akhi_vlogs_46
      @Akhi_vlogs_46 8 месяцев назад

      Can u please explain me?

    • @TOONSSTATION
      @TOONSSTATION 8 месяцев назад

      @@Akhi_vlogs_46 Explain what bro ?

    • @ukashamali6361
      @ukashamali6361 4 месяца назад

      ​@@TOONSSTATIONbro I get error in API 404

  • @naaziz-ytyt
    @naaziz-ytyt 3 месяца назад

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

  • @dhanushyadav5030
    @dhanushyadav5030 7 месяцев назад

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

    • @karthikrajk
      @karthikrajk 7 месяцев назад

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

    • @dhanushyadav5030
      @dhanushyadav5030 6 месяцев назад

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

  • @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.

  • @Thanzou360
    @Thanzou360 29 дней назад

    Thanks

  • @salvadorron7151
    @salvadorron7151 11 месяцев назад

    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()?

  • @flex959
    @flex959 Год назад +1

    Mr. Easy can you please teach us php

  • @WEBSITEINTEGRATOR
    @WEBSITEINTEGRATOR Год назад +1

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

  • @offornna
    @offornna Год назад +1

    I like this

  • @yashjetwani9192
    @yashjetwani9192 Год назад +1

    How can i search for new pages without re loading?

  • @artificialintelligence8688
    @artificialintelligence8688 Год назад

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

  • @Soulfulsongss
    @Soulfulsongss Год назад +2

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

  • @emkaykhan
    @emkaykhan Год назад +1

    Can we host this website and earn from AdSense?

  • @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

  • @jyotivishwakarma5404
    @jyotivishwakarma5404 5 месяцев назад

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

  • @kermanianmitra9508
    @kermanianmitra9508 Год назад

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

  • @Dibyendu-dev
    @Dibyendu-dev Год назад

    nice video

  • @A.Ragab74
    @A.Ragab74 12 дней назад

    I have a problem when i click on showMoreBtn it repeat the same results

  • @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: ruclips.net/video/0YFrGy_mzjY/видео.html

  • @marufhasanshihab
    @marufhasanshihab Год назад

    thanks

  • @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?

  • @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 Год назад

      Set you function with the next button to block not none

  • @akeaditing3896
    @akeaditing3896 Год назад +1

    Sir how to add image Downloaded option

  • @shammasmc2294
    @shammasmc2294 Год назад

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

  • @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

  • @elifoxgamer11
    @elifoxgamer11 Год назад +1

    What is the name of your Visual Studio Code Theme?

  • @Zia_hussain
    @Zia_hussain Год назад +2

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

  • @ebiarun8910
    @ebiarun8910 Год назад +1

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

    • @naaziz-ytyt
      @naaziz-ytyt 3 месяца назад

      same like me, and what next ?

  • @itsmjns23
    @itsmjns23 7 месяцев назад

    Hi i want to know how to use Savefrom API

  • @CarryonTechie
    @CarryonTechie Год назад

    my api unspash page is shown unformatted,

  • @abdultanveerj6441
    @abdultanveerj6441 3 месяца назад

    How to get it downloaded through this website itself?

  • @BirasaEmmanuel-pm4xt
    @BirasaEmmanuel-pm4xt Год назад

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

  • @pvr-sl5wz
    @pvr-sl5wz 11 месяцев назад +1

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

  • @monsurolalekan4457
    @monsurolalekan4457 3 месяца назад

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

  • @AaqilKulmie
    @AaqilKulmie 10 месяцев назад

    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();
    })

  • @dip_ok01
    @dip_ok01 2 дня назад

    How can we use our own images to showcase them? Please reply to this comment soon.

  • @medianopolhosting
    @medianopolhosting Год назад +1

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