JavaScript Project | Image Search App With JavaScript API

[@ibrahimkashif4098]

Really enjoyed this project. The upper video has a few errors but after fixing them, works perfectly. Kudos to the publisher!

[@nihalmaganur4957]

what is the url

[@rishi3968]

The URL he has used is it correct? Got 401 error.

[@diamondsandlipgloss]

I'm a beginning learner to JSON....may I ask what is the error that you fixed?

[@irfanullahkhan2293]

Yes there is error in code in js where we append child so we can solve this problem by this code imageLink.appendChild(image); imageWrapper.appendChild(imageLink); searchResults.appendChild(imageWrapper); This is the solution so then its proper work if after this its not working then you entered incorrect code so when i put this it’s working 😊 thanks

[@kadhalmarket1304]

Thank you so much bro🔥 worried about not working..... Thanks a lot bro🎉🎉✨

[@andreuseliasmoreiradasilva455]

Thank you a lot!!

[@ninvitou7970]

bro what's about "could not find name 'searchResults' "? how to fix that?

[@dhavaltukadiya6275]

also i did this code but didnot work

[@MINESTREAMS_]

Thank you so much! You helped me.

[@prajwalnayak214]

Clear and crisp explanation..Learnt many things .Thanks ..

[@HITESHKUMAR-dv6se]

may you please help me in my code

[@expertprestige4912]

Thanks for this amazing project. I loved following this tutorial and creating the image search application. However, as a beginner, it would be great if you could also explain the purpose of each function or keyword you are using alongside so we could understand JS better.

[@briancedrickonan7376]

Thank you for this well-detailed project, and i am longing for more tutorial.

[@kathleen9185]

Excellent, the review at the end is very valuable. I hope you continue to do the review. It helps us understand the process. Thanks for all your hard work.

[@arvinbonggal5443]

Thank you so much, I learned a lot on this project! I will do the rest of your tutorials to learn more its very comprehensive and easy to follow specially for beginners like me

[@sumitsaurav3189]

mera to kam ni kr rha h plz help

[@srishtisonkar9715]

thanku so much its my first project using api

[@khanprinters7104]

Thanks for this amazing project. I loved following this tutorial and creating the image search application

[@dakiworld]

This course is priceless and amazing seriously.. I love you bro

[@samionk8905]

Thank you so much for the project! it has been explained simple and. clearly! the explanation in the end of the video amazed me a lot!

[@user-uy1gs7dn1z]

Mass Thalaiva nee❤‍🔥❤‍🔥🔥🔥

[@timoanjala4358]

Great tutorial! I learned a some new things. Last appendChild had to be fixed, but otherwise everything went smooth as butter. I did few modifications for CSS and built in a clear-button. Cool and informative project tutorial, keep it up!

[@redi08]

Works like magic Thanks

[@georgepynadath2025]

Thank you. It works beautifully!

[@nikhatnadaf2322]

Can u help me to run this code

[@asadyousafzai7563]

thanx a lot for such a job oriented project this might help in getting our resume shortlisted for jobs

[@imafar89]

For anyone who has TypeError: Cannot read properties of undefined (reading 'map'): 1. Check the accessKey 2. Retype: const url and make sure you enter it correctly, no spaces or any newline 3. Check the results dot map

[@NK-vb9vu]

can u help me to fix this?????? {"errors":["OAuth error: The access token is invalid"]}

[@nikhatnadaf2322]

Can u help me to run it

[@simkaur1997]

3. worked for me. thank you!!

[@Damilola_olofin]

this was really helpful, i follolwed along and my app works thank you

[@user-wt3ef6md6j]

i loved ur Ecommerce website project and u tell us that javascript concepts with real website example that no one will tell with real life/website example

[@sifatullah9872]

I have learned many things from this project.You have done such a great job.Thanks a lot.

[@rbiyarakhmatova8607]

Great tutorial! Thank you for your effort

[@rpgamer1089]

i learned a lot of things from this video thsnkyou..

[@Serhat786]

Thank You Sir! A lot of new knowledge. Join you as a Subscriber!

[@olavoz8210]

thanks macha .....I subscribed ...Love from india

[@minahilsaleem4212]

Assalam o Alaikum WrWb..There is a mistake in JS part.. //incorect let page=1; //Correct let page=2; otherwise, the show more button won't work..

[@kplcreation8748]

same

[@user-zu2ot5ik4w]

Image is not beig searched it shows blank and showmore button only what should i do

[@avinashkarotia781]

@@user-zu2ot5ik4w same issue i am facing did your issue resolved

[@abdelkarimlyoussi3607]

Very interesting tutorial. Thanks for your efforts.

[@Ricky-uv5ej]

very useful. thank you for this project.

[@Technical_Developer]

deserved my subscption thanks for teaching

[@TheCutemonsterable]

Thanks for this project ! I love how you explain every step !

[@user-by7ce2jv9s]

Thank you for creating this video.

[@umardarazofficials3529]

API is not fetching data anyone facing this problem?

[@riajikbal2938]

same here

[@avinashkarotia781]

issue resolved?

[@ranatariq8638]

Thank you sir it is an amazing video for me as beginner..

[@Tech2etc]

Your most welcome dear 😇

[@konstantinreut2577]

Great job bro! Thanks a lot!

[@akankshapatil1049]

when I click search button, the page goes blank and load the Show More button. Any idea

[@akankshapatil1049]

check all code again not its working…🎉 choti choti mistake thi

[@_VidyaKumari]

Images not coming after clicking search button

[@UpliftingStories523]

Plz Bro We want more applications project

[@jbjbkb8693]

that's really impressive for me and i really enjoyed and really helpful for me thank a lot man

[@nikhatnadaf2322]

Can u help me to run code

[@user-zs7lf4ym5v]

27:49 be careful here. Do not use this(" ") or (' ') they are not working. I spent 2 hours wondering why my code wasn't working and then realized it was the fault. Don't use them. You need to use the button on your keyboard located at the top of the tab. Just count from CTRL above, it is the 4th button. like that(` `)

[@tulsidon2157]

Everyone knows bro ` ` this is not like this " " ' ' symbol

[@adhithyav9326]

Thank a lot bro u saved me

[@diamondsandlipgloss]

Are these the exact steps that we need to follow every time we're using JSON to create a building an Image Search App?

[@AnonymousPhantom]

Yes you can but in programming there are a lot of ways to create one thing if you are a beginner than build different projects just not stick to similar ones.

[@user-er9jl6pf1y]

thank you so much for the tutorial.

[@user-tc3fv4ky2g]

perfect i am from IRAN

[@crafttechindia]

Bhai do you cover all topics in your javascript projects like aslsynchronous js. api etc and more advanced topics like promises ??? Please confirm then I'll follow all your projects

[@user-vm5qw4yd9d]

It's awesome. 😊😊😊

[@raghavmanish24]

yes api is working you can go with it

[@afzalmia428]

Thanks 🙏

[@adrianCoding]

Hey great video, I just don't really get how do you manage to show different images when clicking the show more button? the same function is called to add the data based on the input value but images are not repeated, how do you do that?

[@user-wq2ep7ve1j]

super duper buddy thank u

[@Ernestdale13]

If anyone does a problem with the code check your const url and input /search/ before photos in your url

[@user-el9pn4mt1c]

thankyou for this it was really helpfull.

[@josyafritudemedia551]

great i love it

[@themonster4759]

wow so nice idea

[@tonsomar-coder]

Really helpful!✨ Want more 🚀

[@yorgelis9670]

Just change this in html: Search

[@Amit.Sharmaa]

Hey! do you have the source code of this project? I have issue in fetching the data.

[@atom2076]

You deserve like

[@Taha.jamshidi4]

You can just add react and it gonna be more simple

[@Salman_3882]

Thank you SIr...!

[@kartikrameshchavan4710]

Thanks Sir

[@shubhamdixit2555]

thanks sir for create this unique project

[@apaarsingh5510]

its really amazing

[@rahimibadov2940]

Amazing

[@snehapanwar6262]

Thanks for this video ,but i have a doubt, i have written alL the code correctly ,no error is showing in console also but still images ARE NOT LOADED WHEN CLICKING ON SEARCH PLSS HELP ME.

[@naynachavda5817]

I got the same problem

[@Soulfulsongss]

having error in map function and in fetch (url)

[@salemwachwacha297]

guys if anyone have a problem because showing same picture everytime check the function async function searchImages(){ inputData = inputEl.value; the value should be "v" minimize not "V" capitalize

[@princerawat6490]

Problem in map method not work and error 404

[@tanishsharma5440]

Thankyou so much!

[@user-mw9sk5mf7z]

I take help from your vedios.please teach me how to edit the whole website project in my personal portfolio

[@user-wf9kh9hf6k]

Thanks for this amazing tutorial. Can you tell me how I can get a certain numbers of pictures per request/page, thanks!

[@JaGaNezhil]

Excellent work❤

[@nikhatnadaf2322]

Can u help to run code

[@ErangaDewmini]

Why my Show more button is not working? Please reply sir

[@user-mw9sk5mf7z]

Kindly teach how to create a personal portfolio in which the entire website can be linked for web developers ... please

[@devrimsarikaya]

Teşekkürler

[@aditiraj7350]

waoo thanks

[@emreozturk6219]

there is exactly not an error but if i write and click to search to anything it doesnt work there must be something to change or add but i dont know what it is. need some help

[@salemwachwacha297]

guys if anyone have a problem because showing same picture everytime check the function async function searchImages(){ inputData = inputEl.value; the value should be "v" minimize not "V" capitalize

[@user-zx5yv5zz3b]

Good video , but i suggest take more time to explain things rather than just saying ,it feels like tech show is happening .

[@tejasmete7911]

Can anyone tell me what's wrong ,I have 0 errors still it is not loading images

[@supriya_codes]

samee

[@andreuseliasmoreiradasilva455]

Yes there is error in code in js where we append child so we can solve this problem by this code imageLink.appendChild(image); imageWrapper.appendChild(imageLink); searchResults.appendChild(imageWrapper); This is the solution so then its proper work if after this its not working then you entered incorrect code so when i put this it’s working

[@nikhatnadaf2322]

​@@andreuseliasmoreiradasilva455 hey could u please help me

[@Joe_Alone]

thanks dude

[@ভোমরা]

wow bro:)

[@user-rx2es3up9u]

I am getting the pictures in vertical manner how to make them to visible in horizontal

[@anizato]

@Tech2_etc Hey great video. I followed each step and made sure no bugs were present, I had touble when I searched for something, the page goes blank upon clicking search and rarely would it load the Show More button. Any ideas? (I also created an account on the API, etc)

[@earlkevinongyot8576]

same issue, what works for me was i did inspect my site and check in "console" to see the error in my java script. First make sure that there's semicolon in all the script. 2nd i did see an error 400 in the link. I miss type "$" instead of "&" in the URL 3rd is the error in image.src = result.urls.small i typed "url" missing the "s" its very helpful to check in console tab to as it will give you the error and line/s so double check why the JS isn't working. Took me hour to troubleshoot. Hope it helps.

[@akankshapatil1049]

same problem;😒😒

[@neiljohn2637]

Thanks a lot for the project demo

[@HITESHKUMAR-dv6se]

may you plz help me

[@neiljohn2637]

@@HITESHKUMAR-dv6se say bro?

[@HITESHKUMAR-dv6se]

@@neiljohn2637 if we search any word then it return same images again and again

[@klair009]

@@HITESHKUMAR-dv6se Same thing is happening with me!

[@HITESHKUMAR-dv6se]

@@neiljohn2637 if we search any image it is returning same images again and again and more button is not at its right position and not working

[@simom275]

Please explain const accessKey?

[@enviableace9987]

Awesome, Thanks for the tutorial

[@arbindkumaryadav1221]

hey, i am getting error ["OAuth error: The access token is invalid"]. could you help me with this

[@rosan_vibing07]

me too

[@atharvadeshmukh9405]

Use Back tick ` ` not single ' ' and let page = 2;

[@ik94311]

Great share! ✨👏

[@Tech2etc]

Thank you

[@user-mw9sk5mf7z]

​@@Tech2etcI need your Help to link my entire website in personal portfolio

[@chilakasanthosh7441]

I can't get an hover affect.... why? what would be the error? .search-result img { width: 100%; height: 200px; object-fit: cover; transition: opacity 0.2s ease-in-out; } .search-result :hover img { opacity: 0.8; } this is what I've given where would be the error?

[@xtremefactstelugu1806]

Remove the space in .search-result:hover img{ it works

[@user-ni1wz6tv2n]

Eventhough I have chrome extension for cors...Im facing corspolicy error...Can somebody help me ?

[@shubhadeepsupriyo4941]

can anyone telll why i am getting error 401 and also getting errors while reading map please help

[@ayushuniyal9822]

results.map((result) => { const imageWrapper = document.createElement("div"); imageWrapper.classList.add("searchResult"); const image = document.createElement("img"); image.src = result.urls.small; image.alt = result.alt_description; const imageLink = document.createElement("a"); imageLink.href = result.links.html; imageLink.target = "_blank"; imageLink.textContent = result.alt_description; imageWrapper.appendChild(image); imageWrapper.appendChild(imageLink); searchResults.appendChild(imageWrapper); }); page++; if (page > 1) { showMore.style.display = "block"; } }; Try this......i have changed some class names so take care of it

[@shubhadeepsupriyo4941]

@@ayushuniyal9822 thanks bro but actually it was my fault as I didn't copy the API key correctly

[@MuskanChaurasiya-rj5jm]

​@@ayushuniyal9822 thanks bhaiya 😊 i have got some error but your code can see I will fix this error .

[@ayushuniyal9822]

@MuskanChaurasiya-rj5jm no problem ✌️

[@ayushuniyal9822]

@@shubhadeepsupriyo4941 oh okay 👍

[@leader2269]

You are rock

[@SDsChannel14]

And i am john cena

[@sachinsahani2832]

It's not working with same code I think there are some some error which we can't see it's. 😢

[@akshadarathod4894]

Url not working...plz give the solution

[@mohammedkalasha9868]

bro can you make a video for mern fullstack e-commerce website plz..

[@lost69696]

which vs code theme is this ?

[@dreamkillrop2037]

this video is great but how can i add a download button.

[@AnonymousPhantom]

Check the object in the console you'll find there download

[@raghavmanish24]

before starting this i'm commenting this comment that if i complete and understand 90% of content then sure i will subscribe this channel

[@sanpoudel997]

its not fetching any images . what to do now

[@soniasaleem3880]

Learning languages from videos are different from the queries or code used in projects.:-(

[@piyushsharma7747]

Done

[@Manga4u585]

Hi , sir its a great video but the code isn't working on my system , any suggestion?

[@bilalmirza2838]

I couldnot understand result .map function can anyone explain

[@74tonadekarvivekrajendraco21]

my app is not fetching the inputData what may be the issue ?

[@ankitkumar-ri2oh]

i have done same but not showing search image showing error in authencation @t

[@salemwachwacha297]

guys if anyone have a problem because showing same picture everytime check the function async function searchImages(){ inputData = inputEl.value; the value should be "v" minimize not "V" capitalize