Creating a Powerful E-Commerce Search and Filtering System with React

Creating a Powerful E-Commerce Search and Filtering System with React

HuXn WebDev

11 месяцев назад

210,444 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@Romcikkas
@Romcikkas - 19.12.2023 12:09

Thanks for video!

No need here use destructed title in filtering, because we don't have radio button with title

if (selected) {
filteredProducts = filteredProducts.filter(
({ category, color, company, newPrice }) =>
category === selected ||
color === selected ||
company === selected ||
newPrice === selected
);
}

Ответить
@mrshephu
@mrshephu - 13.12.2023 16:00

Bri is just legend! Nice way of teaching very friendly i enjoyed alot!

Ответить
@faridanjali8160
@faridanjali8160 - 10.12.2023 06:03

Can it done with Vue?

Ответить
@sdsallazar
@sdsallazar - 07.12.2023 17:43

I love this video!
Question, how do I make so that I can select multiple categories. I can see that if I am choosieng 0-50$ and Blue, it just selects me blue

Ответить
@robindeepcode
@robindeepcode - 01.12.2023 18:33

Thankyou brother ❤

Ответить
@harrisonekpobimi4764
@harrisonekpobimi4764 - 27.11.2023 10:43

This is helpful. Thank you for this

Ответить
@PrashantKumar-dj4ic
@PrashantKumar-dj4ic - 27.11.2023 10:42

Thank-you so much Man with lots of love from India

Ответить
@user-ug3bk3ke6c
@user-ug3bk3ke6c - 23.11.2023 10:31

Thanks for the insight! While proxies are good, Hidemyacc's Record Automation takes security to the next level, making it my preferred solution for cloaking and staying safe online.

Ответить
@aditinayak2047
@aditinayak2047 - 17.11.2023 21:10

Hey! This video was very helpful, thank you. I was not able perform search operation even after following the change you mentioned. The filters work fine! Could you help me out or suggest anything so I can make the search work?

Ответить
@arshad_850
@arshad_850 - 10.11.2023 16:11

I have done this project Thank you so much Man with Lots of love From India : )

Ответить
@beticohernandez9536
@beticohernandez9536 - 09.11.2023 21:36

Muy bonito.

Ответить
@Manny-mc3rx
@Manny-mc3rx - 06.11.2023 23:46

This was really great 🔥👏🏾 Now I am about start your MERn stack Project you just dropped. Thank you so much for all these tutorials

Ответить
@MuhammadHasham-yv1on
@MuhammadHasham-yv1on - 04.11.2023 20:50

u mother fucker son of bitch where is this code? the github is not showing this code lol

Ответить
@user-wz7zn6cr6z
@user-wz7zn6cr6z - 04.11.2023 12:08

Could you please share API source for me? 🙏

Ответить
@zahidulislam816
@zahidulislam816 - 27.10.2023 20:25

is this work when i have 1000k products ??please answer me

Ответить
@abdullahimran7215
@abdullahimran7215 - 27.10.2023 17:16

Worst english accent i've ever heard 👎👎👎👎👎, Just Stop

Ответить
@user-hh4yx4sq5o
@user-hh4yx4sq5o - 25.10.2023 08:48

😢oI respect.

Ответить
@nakulattrey2003
@nakulattrey2003 - 16.10.2023 20:51

Hey! Thanks for the amazing video. Can you please provide the code if we want to apply the dark mode to the current website. It will be very cool. Forward to looking for your answer. Thanks!!!

Ответить
@hassanabdullah955
@hassanabdullah955 - 16.10.2023 02:44

Nice work you're amazing keep going

Ответить
@sayanth927
@sayanth927 - 08.10.2023 20:02

Nice video keep going bro, God bless you♥♥

Ответить
@surmad
@surmad - 04.10.2023 06:47

hello pls can you deploy it

Ответить
@MohammedAlziko
@MohammedAlziko - 02.10.2023 23:36

you are an amazing teacher 😘😘😘

Ответить
@dheerajkumar-xl9ko
@dheerajkumar-xl9ko - 29.09.2023 22:00

love your project hate your accent

Ответить
@DulanikaWijesinghe
@DulanikaWijesinghe - 14.09.2023 22:15

Love this video. could you please make another video of the Search and Filtering System for the table in React? Thanks for sharing your knowledge with us!

Ответить
@thejavascriptworkmate8533
@thejavascriptworkmate8533 - 14.09.2023 21:37

Thank you bro..

Ответить
@ashmitbastola1388
@ashmitbastola1388 - 11.09.2023 16:56

Subscribed man Hope You will also Bring Next Js Projects.

Ответить
@uvenkatsri3655
@uvenkatsri3655 - 10.09.2023 09:25

Really this is an good session for us thank you and one more thing I have small doubt where do I get the above data please tell me

Ответить
@AhmedRabii100
@AhmedRabii100 - 07.09.2023 12:13

Great Work 👏❤
What is your vs code theme??

Ответить
@mohamedibrahem4600
@mohamedibrahem4600 - 30.08.2023 21:46

Expected `onChange` listener to be a function, instead got a value of `object` type.
What is the solution to this problem??

Ответить
@minhngo6181
@minhngo6181 - 23.08.2023 09:06

Great tutorial! Could u plz make another video on cart functionality for the total and transaction history too? Thank you!

Ответить
@KimCarlos12
@KimCarlos12 - 16.08.2023 15:59

love the video. This is one of the most decent ecommerce project videos i have ever come across. One improvement is that i should download a monospaced font like Fira Code. Jetbrains Mono or Fragment Mono. Overall this video is perfect

Ответить
@KashifKhan-dl3rn
@KashifKhan-dl3rn - 14.08.2023 16:08

great explanation by you😍
please make a series of full e-commerce website ,with payment functionality and using mongo- db as a backe-end

Ответить
@shahbazkhalid6950
@shahbazkhalid6950 - 14.08.2023 13:43

Sir we want Full stack MERN e-commerce (redux-toolkit, tailwind, axios, framer motion/gsap, Designing & creating express API and hosting api, eslint+ prettier settup, testing(jest). Kindly follow MERN code best practice and code refactoring.

Ответить
@shahbazkhalid6950
@shahbazkhalid6950 - 14.08.2023 13:43

Sir we want Full stack MERN e-commerce (redux-toolkit, tailwind, axios, framer motion/gsap, Designing & creating express API and hosting api, eslint+ prettier settup, testing(jest). Kindly follow MERN code best practice and code refactoring.

Ответить
@shahbazkhalid6950
@shahbazkhalid6950 - 14.08.2023 13:43

Sir we want Full stack MERN e-commerce (redux-toolkit, tailwind, axios, framer motion/gsap, Designing & creating express API and hosting api, eslint+ prettier settup, testing(jest). Kindly follow MERN code best practice and code refactoring.

Ответить
@shahbazkhalid6950
@shahbazkhalid6950 - 14.08.2023 13:43

Sir we want Full stack MERN e-commerce (redux-toolkit, tailwind, axios, framer motion/gsap, Designing & creating express API and hosting api, eslint+ prettier settup, testing(jest). Kindly follow MERN code best practice and code refactoring.

Ответить
@shahbazkhalid6950
@shahbazkhalid6950 - 14.08.2023 13:43

Sir we want Full stack MERN e-commerce (redux-toolkit, tailwind, axios, framer motion/gsap, Designing & creating express API and hosting api, eslint+ prettier settup, testing(jest). Kindly follow MERN code best practice and code refactoring.

Ответить
@shahbazkhalid6950
@shahbazkhalid6950 - 14.08.2023 13:43

Sir we want Full stack MERN e-commerce (redux-toolkit, tailwind, axios, framer motion/gsap, Designing & creating express API and hosting api, eslint+ prettier settup, testing(jest). Kindly follow MERN code best practice and code refactoring.

Ответить
@shahbazkhalid6950
@shahbazkhalid6950 - 14.08.2023 13:43

Sir we want Full stack MERN e-commerce (redux-toolkit, tailwind, axios, framer motion/gsap, Designing & creating express API and hosting api, eslint+ prettier settup, testing(jest). Kindly follow MERN code best practice and code refactoring.

Ответить
@shahbazkhalid6950
@shahbazkhalid6950 - 14.08.2023 13:43

Sir we want Full stack MERN e-commerce (redux-toolkit, tailwind, axios, framer motion/gsap, Designing & creating express API and hosting api, eslint+ prettier settup, testing(jest). Kindly follow MERN code best practice and code refactoring.

Ответить
@shahbazkhalid6950
@shahbazkhalid6950 - 14.08.2023 13:43

Sir we want Full stack MERN e-commerce (redux-toolkit, tailwind, axios, framer motion/gsap, Designing & creating express API and hosting api, eslint+ prettier settup, testing(jest). Kindly follow MERN code best practice and code refactoring.

Ответить
@shahbazkhalid6950
@shahbazkhalid6950 - 14.08.2023 13:42

Sir we want Full stack MERN e-commerce (redux-toolkit, tailwind, axios, framer motion/gsap, Designing & creating express API and hosting api, eslint+ prettier settup, testing(jest). Kindly follow MERN code best practice and code refactoring.

Ответить
@Igor-km5qp
@Igor-km5qp - 12.08.2023 01:18

Nice project idea, but complex multiple filtering is not working

Ответить
@arjunnagar2415
@arjunnagar2415 - 11.08.2023 12:01

Amazing project. Just a suggestion, please add cart functionality too. Basic adding products and displaying the total

Ответить
@Epsaind-dev
@Epsaind-dev - 06.08.2023 22:35

Nice bro !

Ответить
@mitepainera69
@mitepainera69 - 31.07.2023 23:28

I need assistance, can somebody help me for 5 mins? I will send screenshot idk why it is not working, I think it is about css

Ответить
@abrahamouattara8757
@abrahamouattara8757 - 31.07.2023 16:13

nice work i loved it🤩

Ответить
@estevaolibardi
@estevaolibardi - 31.07.2023 03:33

thanks so much! I'm trying to do that with typescript, but i'm very confused ...can you make that same video with typescript?

Ответить
@prashlovessamosa
@prashlovessamosa - 30.07.2023 19:45

One small request can you please use vite instead of cra in future projects it would be helpful as you know cra kindaa sucks.

Ответить