Product Filter and Search Using Javascript | With Free Source Code

[@kevinsilva7118]

Awesome! My mind exploded with code logic. Thanks!

[@BeyondFactBoundaries]

Awesome , i was totally shocked to see the logic i think it's a best logic i have been seen ever

[@newvideo964]

I hate Web development but I am thinking to start it from today by watching your video 😊

[@ДианаДиана-с1г]

how is it going now?

[@claramoreira265]

Wow! I spent days trying hard and you have just helped me! Thanksss

[@stefaniacristini]

Thank you I was trying to do this and just with this tutorial I could 😊.

[@coder.rubelhossain]

Wow... Thank you so much, bro... Thank you so much... I always watch your tutorials. Your tutorial is very helpful for me.

[@hanumanbabjigudivada9081]

Happy to get this video🙂 learnt a lot from this!...

[@mayankvikash]

You do blackmagic or what? I was going to search for this and you uploaded video.

[@chase4972]

I checked your source code website. It's so cool. Did you create it with html, css and JavaScript? I am asking becos of the adds

[@freshteacher5692]

How can I add a link to the product card please? It makes no sense for a person to get results which lead them to know where. The product should be clickable

[@deepalijaiswar1299]

Did you add the link? If you have not added the link then tell me, I will tell you how to add the link.

[@codingninja01_]

nice.... but why you don't make a youtube or other app projects??

[@TubularAnimator]

What do you mean?

[@NewWorld1912]

why the footer goes up after filtering products ,can you make a video about it =

[@21-himanshujadav83]

how do initially hide all the products and let them show when some text is written in search bar?

[@marcolana2774]

Hi! I would love to add a button to the cards. How can I do that? thank you in advance!

[@Hastarplayzz]

Good explanation helpful 😊

[@rafaadesign]

Perfect, thanks for sharing this logic, it's very helpful

[@mdmostak8283]

Thank you, boss.

[@arfanoor211]

Can we use this code in Shopify, and where to use it. TIA. Please reply

[@Tech-Geeking-soul]

one question where the did you add the photos from no source in the html

[@princy8285]

Awesome... I really Liked Your Videos, This is my 8th Video, Watching in 2 days. Thank You so Much for Uploading, You Made it Simple, clear and easy and Nice👌🏻 background Music🎶 Mitali

[@VYR4Z]

Hey man ! Your videos are quite awesome and I really admire you ❤. But can you pls suggest me that, how to make a text hover on the image using this code only pls.

[@supremecoding632]

Awesome 😎 I will study this thanks for the help

[@CodingArtist]

All the best

[@supremecoding632]

@@CodingArtist thanks ☺️

[@hunnyff_official]

I am looking search bar create these days. Put a video of it(advance search bar )The one on your website

[@cricexpo1]

But why do you do it to uppercase?

[@missqueen3877]

Isme kuch extentions ya kuch download krna hai kya?

[@CodingArtist]

No

[@missqueen3877]

@@CodingArtist mere isme js run he nhi ho rahi, link ke baad bhi

[@RikellyHS]

Such an amazing video with so few likes 🤧 I loved your content! +1 subscribed 🤝💙

[@CodingArtist]

Thank you so much!!

[@kirandhapodkar3233]

How do I get filtered values or filtered counts from an MUI datagrid?

[@Xunnaz]

Heyy I want to know how to make the card clickable to go to another html page? Thank you

[@kingjack8980]

jabardast..

[@ENG-100]

Great Job 🌹🍀

[@CodingArtist]

Thank you!

[@justinalmodovar8978]

how to put href in each data?

[@marcelobc2230]

.image-container, h5, h6 { text-align: center; } 😉

[@Balloon1v9]

the emoji at the end as well ?

[@iamulemu]

i tried changing the images to mine but it did not work......please help

[@GiiDev]

thank you!!!

[@apunag6902]

Is it possible to use this Search bar as price filter like "product under 500"

[@NidhiKumariMAI]

thank you. please make small small projects in vuejs and reactjs also

[@slimfit9605]

hello, how can I do this filtering with dropdown?

[@OulahceneYousra]

your videos are so informative ,however i'd appreciate it if u explain stuff to us , cause many times I find my self wondering why did u put this instead of that ....,and i 'd have to search it online for so long ,

[@inderpreetsingh8585]

thank you

[@al_storiez430]

Sir how can I add a link in that card to redirect to another page. To click on card and it redirect to another page. Plz

[@mangeshsawant6361]

Thank you for this excellent tutorial and also for sharing the code. I have a query - pressing enter KEY does not give the result. Why do we need to click on search button?

[@CodingArtist]

You can use this code snippet to use the enter key to trigger the search button: kzbin.info/www/bejne/jYPRh4Vpnc5njsU

[@mangeshsawant6361]

@@CodingArtistokay. Thank you!

[@sanasingha2321]

I m not able to find your free code Can u give direct link to your file?

[@metomeid1693]

Great ok👌

[@ijajbargir7689]

Hey bro how to add link on product result

[@freshteacher5692]

Did you get an answer for this and you help me?

[@quiztherapy6851]

Hi. I am new to JS. Where the images supposed to be in a separate folder inside the project folder? Also I am following along and in the js code in my VS it shows so many errors. Do I need plugins? Which one?

[@CodingArtist]

No. The images are supposed to be in the same folder as your index.html file. Also you don't need any plugins. You can check out the plugins that I use here: codingartistweb.com/2022/10/best-code-editor-for-web-development/

[@karzannawzad24]

how can we replace the products with items from mysql database??

[@aldrinbright]

how to add transition to the cards when we select the category?

[@kienboy9999]

why function(value), I tried to search for value parameter of function and cannot find any piece of information related to this. Can you please explain

[@tikka6554]

What is your vs code theme?

[@thecodetex]

Its night owl

[@mahfoud8027]

Bonjour, peut-on récupérer les données depuis une base de donnée ? Merci

[@scsv8525]

the images i put in "images: #;" are not appearing, does someone knows why?

[@aaditya8376]

can anyone explain how can I add link to these cards?

[@SIDDHARTHwakade]

Where i will get whole code as it is

[@CodingArtist]

Search on codingartistweb.com

[@thecodetex]

Nice

[@CodingArtist]

Thanks

[@DYLAN_THE_SHRED_LORD]

how to add links to the cards?!?!?!?!?!

[@DatBoi_Jes23]

Does anyone know how to add a link to the product?

[@keilanascimento2333]

Olá, como posso adicionar o produto em mais de uma categoria? Tentei adicionar o nome de outra categoria em "category: "Topwear"," por exemplo, mas não funcionou.

[@RobsonSantos-vf6cr]

VALEUUUUUUUUUU GAROTO

[@ombhamare9507]

can anyone help me how to add hyperlink to card

[@jaideepmukherjee4848]

where are the source codes? i m not avail to see your sourcecode

[@CodingArtist]

You can find them here: codingartistweb.com/

[@Noobgamer-qe4gv]

🔥🔥🔥👍👍😎❤️❤️❤️❤️😘😘😘😘😘

[@Tech-Geeking-soul]

hello

[@pushkarkumaryadav2570]

bro can we get source code

[@CodingArtist]

It's available on my website.

[@juansebastianherreraprieto7973]

contenido engañoso

[@moarake2292]

@CodingArtist

[@al_storiez430]

Sir how can I add a link in that card to redirect to another page. To click on card and it redirect to another page. Plz

[@moarake2292]

​ @CodingArtist