React Node.js E-Commerce App Full Tutorial (REDUX - Stripe - JWT ) - MERN Stack Shopping App

[@sultanhboush2065]

If you're watching after march 2022, change Switch to Routes and to

[@sultanhboush2065]

also use this don't forget to import Navigate

[@murgaskimmortal]

@@sultanhboush2065 thanks!!!!

[@riri-mt1nr]

Hello, when I use Route in App.jsx the hover elements (src-components-products.jsx) are not working. It only displays the images of the products. However when I only return home in App.jsx [ return ()] the hover elements are working . Can you please tell me a solution of this probelm . Please!!

[@muneeb5355]

@@sultanhboush2065 and the most convenient way create function const RequiredAuth = ({child})=>{ user? child : } now the pages you want to use after login just wrap them inside this function like this now when ever you use this path and you are not signed in then you will be redirected to login page now you can simply wrap all your components which you want to be used after user logged in.

[@lotnjuohtimngum4884]

@@sultanhboush2065 🙏 thanks

[@jeffwang8660]

Thanks Lama! I am using React Router v6. So I use this code ** ** for redirect (10:40). I hope this would be useful if you also use React Router v6

[@abhijithjb4067]

This is not working for me

[@vicckuo]

It's working for me. Thanks!

[@anca2324]

Million thanxs! It's working and I've been trying so hard to solve it without success!

[@anca2324]

is this the same for register and login ?

[@jeffwang8660]

@@anca2324 I haven't tested that. But as long as you use React Router v6, it should be the same. Hope this helps.

[@toannew]

3:13 add the .env after cloning 4:50 data will be add in mongdb first, later added from Admin dashboard 24:20 axios 30:10 how to filter elelemnts in objects, arrays in JavaScript. 33:39 sort 49:35 answer: why not use the post methos,but use redux when adding aproduct to the cart? 53:40 an advantage of the redux-toolkit: the state can be mutated directly 1:22:20 userSlice 1:30:00 use preventDefault(e) at handleClick to prevent the page from refreshing 1:35:15 after login it is directed to Homepage 1:35:25 the user state is back to the initial state (null) after refreshing the home page => need to persist the state 1:56:00 get the token when login 1:56:50 reddis, cookies instead of saving in local storage from 1:41:08 to 2:0023: the login of admin, the set up of redux, persist, callAPI are the same as those of shopping-ui 2:18:00 route "/orders/income" for admin dashboard admin dashboard: count the percentage. 2:21:35 create the ProductRedux from 2:43:00 (only for Chart) 2:45:00 2:49:00 in case the parameter and value has the same nam 2:52:42 upload the image with firebase 2:53:30 deal with state when post a new product which have multiple inputs

[@pardhualapati4981]

same

[@muntasirmahmudsaif6239]

can you provide the inital datas please?

[@kromann413]

how do we prevent the login failure to crash our backend. If the authentication is not approved, My API crashes. says 'cannot set headers after they are sent to the client'

[@tusharkumar7963]

@@kromann413 Please let me know if you find the solution

[@kromann413]

@@apuemdad2125 thank you

[@narayadewe7979]

It can be so stressful when you don't find the solution, but while you search for it,you learn so much more..and this is how you become a pro.

[@PIYUSH-lz1zq]

bro , he said i'll use mongodb but y he is using firebase ? i want to make ths project but not with firebase . can you tell me y he used firebase ???

[@nasreenkhalid6957]

@@PIYUSH-lz1zq he has used mongodb in this project

[@AmamosEcuador]

Excuse me, did you finish the project? I have many errors because the code is outdated, do you have the updated code?

[@sandyGamer97]

@@AmamosEcuador what errors you are facing, if code is outdated , then you should read current docs and update your code

[@tusharverma2249]

1:38:45 If you doesn't see anything and got an error of store.dispatch is not a function then write "export const store = configureStore({" instead of "export const store = () => configureStore({" in store.js file

[@abdallahazouz5948]

thanks bro i was stuck

[@grishanbajracharya4896]

thank you so much bro

[@pablotexeira7579]

thanks bro, you're a lifesaver

[@anupkumardutta_6196]

Thank you so much bhaiiiii....

[@kamallachinov3820]

thank u bro!

[@russellpeiris]

In react-router-dom v 6.0.0+ the Redirect component has been replaced so when you want to redirect from login to home page instead of 11:00 you can use

[@kseniyawolf7491]

Thank you!!!

[@ahmadhassani5817]

Hey bro, do you get error while applying kind of same theory on admin panel? I am getting (Uncaught TypeError: Cannot read properties of null (reading 'isAdmin')). I am getting the error when defining admin in app.js

[@DarioAvilaaCL]

You rock dude! Extended thanks!

[@Feelsterrible]

Just when I was looking for a good e-commerce mern stack project. Thank you Lama you're great!

[@Corntrop]

Best ecommerce app ever on youtube. Its awesome that you teach in depth not copy and paste codes like others❤️

[@codeurdell2231]

Hello can someone tell me how to modify this with js6 because it works more with the old version {user ? : }{user ? : , I have a problem with these two lines

[@chukaezem6267]

@@codeurdell2231

[@TECHZ123]

Finally done with the Project and learned tons of new concepts, thanks lama

[@thienoanhuynh7928]

have you completed userList.jsx, can you help me with that

[@haythembenhaddada9988]

Can you tell me what do you did with stripe is not working with me

[@pujaajsgoodlife551]

I created an E-commerce application following this video. It was my first full application project thankyou so much for this video. It was really helpful for me. Thank you so much again a lot...

[@Parth_Abhimanyu]

have you deplyoing this project completely

[@godfreyndiritu9062]

I am thankful you released this video, I just finished working on the previous one. Thank you so much for this amazing and mind blowing content. I've harvested tones of knowledge from your content especially from the social media series.

[@toannew]

2:00- 4:30 initial set up and change 1:59:00 set up the Token variable in the client side 2:00:05 (error) there is a difference at definition of 'admin' in Appp.js 3:10:45 log out

[@donaanna1243]

Does this tutorial include registration page connection with the app?

[@anandpatidar9010]

@@donaanna1243 No

[@MrBorndd]

Even using Redux! What a treat! Thank you

[@abvreemah6603]

Thank you for this vid Lama, great work! I just wondering if you could make an extension of this video/teach us how 1. To remove item/s from cart 2. Adjust the quantity of the product in the cart, 3. Maybe using the updated stripe API, and 4. How to deploy it in heroku or vercel. Thank you again

[@kunalbose33]

Manipulation of cart is simple redux bro, will finish this app and send you my GitHub link soon

[@guillaumefazekas9474]

@@kunalbose33 Also interested ;)

[@kunalbose33]

Sorry man I have started developing the Netflix clone, so will start after finishing that, might take me a week or two

[@zubiarfan]

Point 2 is exactly what I am stuck at.

[@rasendell4817]

@@kunalbose33 are you finish, can I see it, I will pay to see it , please

[@DalisYn]

Finally a video that includes a login and connecting users to their orders and payments

[@sahilmaharjan3955]

after 2 weeks I have finally completed all three parts of this project,redux for beginners,admin pannel,etc.now its time to do it on my own..Thank you soo much for this project

[@tusharkumar7963]

Hey, were you able to implement the stripe payment? I wanted to connect with you.

[@shesh2509]

@@tusharkumar7963 doyou solve the stripe error ?? help me if you can

[@haythembenhaddada9988]

Same how we can solve stripe error ?!

[@abhisheksawle4432]

Just perfect e commerce series. Thank you sir for the last part. Now I can complete my university project. Lots of love ❤️🔥

[@oluwatosinvictory3267]

Hello please where did this series start from can’t find the first one, the one he made from scratch

[@oluwatosinvictory3267]

Thank you 🙂

[@dhananjayjaiswal6911]

​@@oluwatosinvictory3267 Its there in video's description

[@PIYUSH-lz1zq]

bro , he said i'll use mongodb but y he is using firebase ? i want to make ths project but not with firebase . can you tell me y he used firebase ???

[@dhananjayjaiswal6911]

@@PIYUSH-lz1zq used for hosting images (without auth)

[@luckyman5983]

Ты единственный индус, которого я могу слушать 3 часа)

[@brilliantatosam]

Man, You're super amazing. I was struggling to learn React then I saw your Social Media Playlist. I'm just loving what I am learning. You are the best!

[@donaanna1243]

Does this tutorial include registration page connection with the app?

[@brilliantatosam]

@@donaanna1243 it does

[@donaanna1243]

@@brilliantatosam no I studied it from another tutorial

[@איתמרברטי]

Your videos are such a gift for young developers that make their first steps in the indeustry. i can not describe in words how much i apricciate your work. thank tou so much. your way to explain simplicitly even the most complicated stuff. and again thank you so much

[@SZaferUlgur]

A course that we can't even find on the Udemy website. Very good work. Congratulations Lama.

[@dolga007]

00:00 Full stack ecommerce web application built with React, Node.js, MongoDB, and Stripe. 09:36 Implement user authentication and redirect logged-in users to home page 2:18:56 Created product and homepage slices in Redux 2:27:59 Implementing delete functionality for products in Redux. 2:45:54 Create a product add function using Firebase storage 2:55:01 Create and upload file with Firebase Storage 27:28 Filter, sort, and display product items on the homepage 03:09 Fetching product details and handling quantity 54:29 Creating a global store using Redux Toolkit 1:03:25 Implementing Stripe checkout for payment 1:23:16 Creating a login function using Redux and API calls 1:32:18 Persist state using Redux Persist and combine reducers for admin panel. 1:50:09 Implemented login functionality with token-based authentication. 2:00:13 Fetching and displaying orders and users Crafted by Merlin AI.

[@iocompany7199]

new React Router v6 11:14

[@ekc133]

hello for history.push() what is new version ?

[@281]

@@ekc133 navigate

[@emirguler1156]

yarn add react-router-dom 5.2.0

[@calsonsheng5612]

this level of quality so far is much better than some paid content on Udemy

[@frezeralfred1984]

in case you have problems with Switch and Redirect , Switch has been replaced by Routes and Redirect by Navigate. this is the new look

[@sudhanshujha9424]

thanks so much brother!

[@meestawoske943]

True, but that would still show the sidebar and topbar in the login page wont it?

[@frezeralfred1984]

@@meestawoske943 sorry, i don't understand about siderbar and topbar or you talking about another video

[@frezeralfred1984]

@@sudhanshujha9424 welcome bro

[@meestawoske943]

@@frezeralfred1984 Hi, thanks for responding. In the login page, you shouldn't see the sidebar (Where the dashboard is) 1:51:29 and navbar. The way admin page is currently structured, both components appears on all pages, including the login page

[@-0-__-0-]

Sheeesshhh Im Planning to start my own web development business and oh my god bruh. Thank you youtube recommendations for bringing me here.

[@adnanamin3666]

Thanks a lot for such an amazing project tut. The only request I've got for you is please try not to use any background music. The video is even greater without that BGM. BGM is annoying on such tuts.

[@nguyenthuan9555]

Thanks for your tutorials. Wishing you and your family good health and happiness always. I spend more than 3 weeks to complete your Ecom series and I learned a lot.

[@urvishprajapati6171]

Can you please provide GitHub repo? I'm facing too many errors...pls...

[@toseebbeg1041]

can u please share the source code

[@techtech341]

Hello Please I want to ask you Did he add products manually (react code) or with dashboard admin ?

[@nguyenthuan9555]

​@@urvishprajapati6171 Here dude, sorry, I dont used this email anymore then dont get any notification.

[@nguyenthuan9555]

@@toseebbeg1041 see it below dude.

[@GamestarsBulgaria]

1:12:27 I get - You did not set a valid publishable key. Call Stripe.setStripePublishableKey() with your publishable key. I followed everything correctly what do I do?

[@emirguler1156]

me to. Please help

[@GamestarsBulgaria]

@@emirguler1156 I still havent solved it

[@emirguler1156]

@@GamestarsBulgaria I will look again today

[@satyakidas7045]

Same man, probably the Stripe function has changed and we need to do it in some other way?

[@satyakidas7045]

Hey it's working for me, make sure to have the prefix REACT_APP_ in that .env variable that you're using, it's necessary otherwise react wont read your variable. And then restart your react app because env is only read once as it is outside the build.

[@rushmithaselvaraj1074]

Guys in version 6 react router dom. Instead of redirect we use Navigate ...u got to import it Import it first then use .....

[@tanmay6207]

thanks!

[@AliRaza-nm3eu]

Thank u so much Sir u save my tym

[@rushmithaselvaraj1074]

@@AliRaza-nm3eu i am women

[@AliRaza-nm3eu]

@@rushmithaselvaraj1074 Thanks .Sister

[@shihabkhandoker8706]

At 30.37 my products page is not showing the items, is it because of the react Dom issues?

[@leoalvez14]

Excellent tutorial! I'd like some help if anyone has the same problem than me... at 41:00 when I try to show the single product page I get an empty page. In the console I can see that it's fetching and also the url is localhost:3000/product/(and the id here), but I don't know what is missing or what I'm doing wrong. Anyone had the same problem?? I'm stuck!!

[@FN-zg8lj]

i am too! something must be out of date

[@darray.]

Did anyone find a workaround for this. Im still getting an empty page on my end.

[@blockchainandweb3120]

I found the solution guys lamadev didn't added return statement I dont know why his code is working Try this CODE= useEffect(()=>{ cat && setFilteredProducts( products.filter((item)=>{ return( Object.entries(filters).every(([key,value])=>{ return( item[key].includes(value) ) }) ) }) ) console.log(filteredProducts) }, [products, cat, filters])

[@sumanthprabhu11]

useEffect(() => { const getProducts = async () => { try { const res = await axios.get( // as in homepage there is products listed so if no cat mentioned // then list all of them by default cat ? `localhost:5000/api/products?category=${cat}` : "localhost:5000/api/products" ); // console.log(res); setProducts(res.data.products); console.log(res.data.products) } catch (err) {} }; getProducts(); }, [cat]); useEffect(()=>{ setFilteredProducts( products.filter((item)=>{ return( Object.entries(filters).every(([key,value])=>{ return( item[key].includes(value) ) }) ) })) // console.log(filteredProducts) }, [products, cat, filters])

[@sumanthprabhu11]

@@darray. useEffect(() => { const getProducts = async () => { try { const res = await axios.get( // as in homepage there is products listed so if no cat mentioned // then list all of them by default cat ? `localhost:5000/api/products?category=${cat}` : "localhost:5000/api/products" ); // console.log(res); setProducts(res.data.products); console.log(res.data.products) } catch (err) {} }; getProducts(); }, [cat]); useEffect(()=>{ setFilteredProducts( products.filter((item)=>{ return( Object.entries(filters).every(([key,value])=>{ return( item[key].includes(value) ) }) ) })) // console.log(filteredProducts) }, [products, cat, filters])

[@eS132100]

Not beginners ""just calm down"" haahaha!! I learned so much thanks to this serie of tuto and better understood some methods!!

[@davifreitas4857]

Thank you very much Lama! You were incredible through the whole series, was amazing to see Redux and React-Router in a real project. I already have plans to implement new features in the shop to study even more. Again, thanks for sharing the knowledge!

[@codeurdell2231]

Hello can someone tell me how to modify this with js6 because it works more with the old version {user ? : }{user ? : , I have a problem with these two lines

[@mustafakursun5870]

@@codeurdell2231 use "element" instead of passing your components inside Route tags. I hope this helps.

[@hunster6938]

thanks, lama, greetings from brazil 🇧🇷

[@shiestypooo1016]

1. React-router-dom has changes that will make couples things shown in the video not work, follow documentation for v6 and change things as needed. 2. requestMethods file there is an error in userRequest where headers is misspelled to header. 3. save the order to DB right after stripe finishes, and do not send anything but order._id to product page causes couple big issues. 4. stripe library used in front end is old, upgrade to newest one and use docs for help

[@juniormanuel6845]

Please I’m having issues with 2:05:00 where when i clear my my cache and cookies i get errors of user and accessToken undefined and i have to console.log it to start thye process again and i keep getting ERR 403 to fetch my users from the database with my API any form of assistance would be really appreciated

[@shiestypooo1016]

@@juniormanuel6845 clearing cache and cookies won’t help. Open the developer tools then goto local storage. Then right click on the local storage and delete it. This will wipe out all the redux related things. The other thing is goto your route you are trying to fetch and make sure for req.Params you have it named it /:id not /:userId

[@juniormanuel6845]

@@shiestypooo1016 yes i've done this and I’m still having the same issue is there any way i can reach out to you

[@ekc133]

@@shiestypooo1016 hello iam from india iam unable to use publish and secret token . It is giving this error : "You cannot accept payments using this API as it is no longer supported in India"

[@syedburhanuddin1371]

@@juniormanuel6845 i have a same issue

[@parisanaderi1647]

I did like when making cart using redux. redux is very important for the large companies. Thank you so much.

[@yash_______105]

I m having error at 1:32:30 {isFetching,error} invalid destructuring

[@anidkhan6796]

Same did you got the solution?

[@moonknight4747]

Just one video says it all. great, excellent, wonderfull

[@ailtonjunior7685]

Hello Professor Lama, I'm finding your tutorials amazing!!! I would like to see this same project built with pure HTML, CSS and JS on the front-end, because it was a little confusing for me as I'm starting, and also to learn these concepts of pure languages. Thank you very much in advance ✌

[@sharadgore9685]

I never seen before such talented person.. You are so great man.. Thanks for everything

[@shihabkhandoker8706]

How did he add the data in mongo atlas which he mentioned in 4.37 min?

[@thrilpool]

@@shihabkhandoker8706 add the data in mongo atlas using postman

[@blockchainandweb3120]

@42:45 if you are getting error product.color.map is not a function it is because the .map() function works only on Arrays and your color and size are not in Arrays in your mongoDB schema as lama dev didn't initialize both color and size in array in previous tutorial thats why this error is showing You can change both in type:Array CODE: size:{ type: Array }, color:{ type: Array },

[@ghalitsar2730]

broo did u skip the early ? he indeed mentions that he need some change with the model and he actually change color and size property to array..

[@blockchainandweb3120]

@@ghalitsar2730 oh sorry I didn't noticed

[@abdallahazouz5948]

please help me i edited the code but the problem is ...=> when i save it works for me but on refreshing the page i got a blank screen

[@blockchainandweb3120]

@@abdallahazouz5948 can you please tell me the error in console ??

[@abdallahazouz5948]

@@blockchainandweb3120 sorry for replying too late ....i am getting => Uncaught TypeError: Cannot read properties of undefined (reading 'map')

[@adebolaolayinka341]

Sir,the order page and functionalities you promised to include in the source code,it's not there.What do we do now?

[@ferdinandeke9590]

I love you man...don't take this the wrong way but you're the best human on earth...wheeeeew!! This is game over bro!

[@raissaamini6129]

i got a cors error when trying to get the products no access control allow origin

[@edimarian7853]

same

[@raissaamini6129]

@@edimarian7853 kumaha

[@abdulmuizmustapha7581]

same here, please were you able to fix it

[@I_U_I_T_C]

Install cors then it requires it your problem then will fix

[@AMA_Youtube_]

You are created for this job.Pefect.The best teacher I have ever seen....Please continue....

[@techtech341]

Hello Please I want to ask you Did he add products manually (react code) or with dashboard admin ?

[@HagerA.Elroby]

@@techtech341 +1

[@HagerA.Elroby]

i can't add products also🥲

[@ab99d75]

hay everyone I am stuck with this issue that in the admin dashboard part when I added this line => ( JSON.parse(JSON.parse(localStorage.getItem("persist:root")).user).currentUser.accessToken ) and delete the persist:root and reload the page I got this error => ( TypeError: Cannot read properties of null (reading 'user') ) I think the problem is because the page loading before there is any user or access token can anyone help me to solve it : )

[@sake1930]

i am getting the same error did you find a solution?

[@ahmadhassani5817]

Did you find the solution? I am getting the exact same error

[@ab99d75]

​@@ahmadhassani5817 try this and let me now if it works ; const TOKEN = localStorage.getItem("persist:root")?.user ? JSON.parse(JSON.parse(localStorage.getItem("persist:root"))?.user).currentUser.accessToken : null

[@toseebbeg1041]

@@ab99d75 did you finish the project

[@CodeCraftPro2023]

@@ab99d75 man you don't know how much i love you bro you saved me

[@cassiekim4321]

11:26 for the people struggling like me, use Navigate not Redirect

[@raphaelleveque9163]

Thanks for this huge work and very well done. Just one question, why did you prefer to store file in another database instead of same as products?

[@mawaryagitza529]

There is no file in product i think (CMIIW), only URL so mongo is enough to handle that. But, the file itself you need some databse.

[@raflyananda8492]

In my opinion its a bit too much of a hassle to do, it can be done with multer and gridfs but you really have to implement the logic all by yourself ( e.g convert it to buffer, create a schema specifically to handle buffer data, retreiving read and send the output with mongo gridfs etc ) solutions like firebase really helps with this and actually its kind of a good practice to not save images on databases like postgres, mongo,mysql etc.

[@surajnarsale3326]

was waiting for admin dashboard integration, & finally it's here

[@VineetSingh-oc1kl]

Hey Lama...... I am going through your tutorial and that is superb but i am stucked at a point where i am unable to fetch the data which i uploaded on the mongo db atlas..... Thats why i am unable to fetch data into my website. Timing is 26:20 in this tutorial. Kindly help me out.

[@thomascarucci1269]

hey i'm having just the same problem, can you figure it out?

[@odev8667]

go to terminal type (npm i cors or yarn add cors) then go to your index.js in your api side type : -const core = require("cors") -app.use(cors());

[@odev8667]

@@thomascarucci1269 go to terminal type (npm i cors or yarn add cors) then go to your index.js in your api side type : -const core = require("cors") -app.use(cors());

[@shihabkhandoker8706]

Same problem..My data fetching and filtering is not working, the whole item section has disappeared from products page, even that section is not present in the home page, any suggestion?

[@shihabkhandoker8706]

@@thomascarucci1269 any solution?

[@sumanthprabhu11]

if you are getting filter is not a function error then just do this setProducts(res.data.products); it will remove that error

[@Crunch15323]

Thank you! I am definitely a new subscriber! Is there gonna be more videos about this project? For example how to deploy it and make it go live? Again thank you! 🙏🏻

[@anujshaan1006]

there is a video on how to deploy a mern stack project for free

[@Mills2fly]

You are awesome. Keep up the good content. I have learned so much from this series then I did attending a Fullstack Boot Camp

[@engg.5111]

incomplete 1. Not fully functional cart 2. No user register 3. no logout 4. etc

[@theoatchole3068]

thank you very much for all the knwoledge you share for all of us i'm a self thaugh developper so it's very diificult for people like me to find the ideal tutorial to upgrade our skills and can hired in a company doing real project and don't be confused because we already know how it work and how it's gonna look

[@shubhamgore4320]

thanks for this project Lama ... but I have an issue I've made all of your projects follow along with you but in your projects why don't you make a fully functional search component ?? if you add a searching component that would be very helpful for us thanks again

[@mcfish8633]

I agree with Shubham, an extra video tutorial on how to add a fully functional search bar will certainly top it off. Just an idea for a small tutorial video for you to do Lama, I know people can look elsewhere on KZbin how to do but, certainly an idea for a small tutorial as many obviously enjoy your teaching and work 😉🙂. Top stuff though I must admit Lama 😉.

[@shubhamgore4320]

@@mcfish8633 yeah agree a small video on search bar would be helpful..

[@shubhamgore4320]

@@sssrikanthhh yeah I'm trying to do that

[@necipy1768]

thank you for such a wonderful series at 33:04, sort((a,b) => a.createdAt - b.createdAt) ---> doesn't work because createdAt is STRING. Instead, use below; sort((a,b) => a.createdAt.localeCompare(b.createdAt) )

[@vicckuo]

u saved my life

[@Khang-tr4bj]

@@vicckuo useEffect(() => { cat && setFilteredProducts( products.filter((item) => { return Object.entries(filters).every(([key, value]) => { return item[key].includes(value); }); }) ); console.log(filteredProducts); }, [products, cat, filters]); TypeError: products.filter is not a function ! I don't know how to fix this! Can you give github or source code. Or can you help me fix this? Thanks

[@priyamsoni1188]

share you github of this tutorial please

[@harshchaudhari3009]

@@Khang-tr4bj Hey, remove "return" from both line

[@nimeshranatunge734]

I searched for solution for this error in the comment section and finally I found that!

[@nerd35learn]

thanks lama. your tutorials are always helpful. you rock man

[@AbhishekKumar-yd7ls]

worst project i have ever tried.The author needs to update some code in github. First stripe is not working in india.and 2nd he has not updated the code acoording to react v6. History () is navigate() in v6 and many things he didn't update. my mind is like burst solving error but i learned a lot..

[@PIYUSH-lz1zq]

bro , he said i'll use mongodb but y he is using firebase ? i want to make ths project but not with firebase . can you tell me y he used firebase ???

[@shivani9840]

Hey Abhishek! Have you ever taken the help of any tutorial to do a project? Would you be interested exploring opportunities in web development?

[@student7743]

🤣🤣

[@shihabkhandoker8706]

My data fetching and filtering is not working, api is calling twice, the whole item section has disappeared from products page, even that section is not present in the home page, any suggestion?

[@I_U_I_T_C]

My mid is also is on the stage of blastt now so tired project 😢

[@rakibmithu2935]

I learned new many things for web development in this tutorial. Many many thanks lama dev.

[@GauravKumar-bt1tc]

as I am learning this tutorial, I am able to grasp a lot of concepts. Thank you for tapping this sphere Lama.

[@anca2324]

i can't see my app in browser , right after I added react router, right at the beginning of the tutorial. how did you solved it ?

[@klassicDev]

thanks so !!!!!! much you've just saved my web dev career from crashing !!! my G.O.A.T(great of all times)

[@sardor1844]

I just finished facebook clone web application. Now I am ending up to correct my faults. thank you so much for this tutorial also. I will also watch and I add this to my portfolio

[@muhammadismail5342]

I will be waiting

[@olalekanaminu1810]

this is amazing...most required contents are well taught in this series

[@ashuk1545]

export 'default' (imported as 'createSvgIcon') was not found in './utils/createSvgIcon' (module has no exports) i am facing this error anyone can solve this??

[@siddharthshinde4220]

Send mongodb uri

[@dembashow]

This project is just doooope, incredible man out there

[@shivamkumar-qp1jm]

Thank you so much for final part I was waiting from many days

[@ahmet.erturk]

Tebrikler. Bir Türk'ün bu tarz çalışmalar yapması mükemmel!

[@stwarrior9983]

This is the best E-commerce website tutorial I've ever seen, Lama it's possible for you to make a MERN stack booking appointment system ? it would definitely help a lot people out there !! You have gain one more loyal subscriber right here!! Cheers

[@mangochu81806]

This tutorial is epic! Thank you for making these tutorial!

[@enlightenyourself2058]

kindly donate by join button

[@pixelxstudio9697]

this awesome channel.. looking forward for fullstack react-native too, learn alot from this channel

[@porlearktuy4711]

Ngl, I was checking back here daily. Thank you so much for this tutorial!

[@alivelidurali]

Lama Dev is the best youtube channel

[@awaisraza2285]

Awesome. I remember when i subscribed you you are on 1.3k subscribers. You are amazing man

[@fredrickdenga7552]

Welcome Safak, thanks for another great video, we appreciate it 100%

[@mintes_son]

Thank you for making this series, worked on all three videos, learned a lot!

[@puneet9593]

hey bro can you plese share this project with me !! or send me your github profile link ...?? 🙏🙏need help asap

[@ekc133]

@@puneet9593 Hi puneet please help me with this issue "You cannot accept payments using this API as it is no longer supported in India"

[@donaanna1243]

Does this tutorial include registration page connection with the app?

[@emanuelameh5722]

Thanks Lama. I like the steady progress I'm making here. Finally done with this project. First of all, i'll try to make it a little better and then deploy.

[@bikelover2781]

Can I write the whole code in react native instead of vscode

[@er.bibhashlenka7039]

Bro can you send me your source code for learning

[@puneet9593]

hey bro need your help if you complete that project can you share your your girhub repo ...🙏🙏asap i need your help

[@emanuelameh5722]

@@puneet9593 Sorry bro, i've not been able to push it because i ran into a JWT bug and have been busy with other projects since then.

[@emanuelameh5722]

@@er.bibhashlenka7039 Sorry there's still a bug in the code and i've been busy with other projects since.

[@hamidr8391]

Safak, you are an awesome professional !

[@shihabkhandoker8706]

How did he add the data in mongo atlas which he mentioned in 4.37 min?

[@mehrdad1068]

i say it too,Best ecommerce app ever on youtube,Unbelievable,part1,2_Unbelievable💟🌹💝🙏🙏

[@adeyemikolade3344]

This is awesome, thank you for this amazing content Lama

[@chtoho4043]

You are the best, this is exactly what i was looking for

[@adebisisheriff159]

Professor Lamadev!!!!!!!! Amazing work, prof! You deserve so much for sharing this knowledge with us. Good explanations and pace. Thank you very much for always being there for the beginners. Cant love you less!!!!!!!

[@vivekanandareddymaddela]

Dear Lama Dev. Heartful Thanks to you.

[@lexreal9131]

u such an awesome dude man..been longing for this vid bless up bro

[@drewhollis3240]

Excited to do this today!

[@rakhshanahmad8057]

3:06:13 I have completed this series and added some extra features in it but I’m struggling in differentiating cart based on user login. when i'm trying to add the product to cart as user1 the data is updating in the product state (it's working), but when i logout as user1 and logged in as user2, when i go to my cart page i still see the product that user1 add to cart because in the redux state the product is still in the state(i use redux persist, so the data still there when the page is reloaded).

[@rakhshanahmad8057]

Anyone please provide me solution 😢

[@berkeemerce5786]

update? @@rakhshanahmad8057

[@surajgiri2073]

Hi, I am getting a error while doing login authentication. Err SSL protocol. Can you help me?

[@darmar8609]

You are quite literally a god sir, thank you for everything, keep doing what you're doing. I wish the best for you in life!

[@ajayjoshi1474]

Great video, very informative. Thanks Lama!

[@icogi]

If any of you are having problems with the filtering part, Lama did not add return statements. Use this code instead. useEffect(() => { cat && setFilteredProducts( products.filter((item) => { return Object.entries(filters).every(([key, value]) => { return item[key].includes(value); }); }) ); console.log(filteredProducts); }, [products, cat, filters]); Also, check in the product list page whether the "name" given to the "Select" block is same as the name given to that perticular filter in the database. For an example, if the database property is named as "size" then the Select block's name should be "size" too.

[@HelloWorld-bp1np]

it's returns by default. you don't need to write return.

[@icogi]

@@HelloWorld-bp1np It didn't work for me without the return.

[@ankitjantwal9243]

hey please help me out. I tried the above code with the return statements and its actually just disaplaying dummy array in the console and not filtering the products. the rest of my code is quite similar

[@apuemdad2125]

I had to change Lama's code with a clean up function.

[@worldbest3097]

finally redux toolkit bro love you!!

[@oquangvinh363]

thank you . this is exactly what i was looking for

[@thedyslexicwebdev1654]

4:24 23:29 31:50 install multer (missing from the tutorial) 41:48

[@I_U_I_T_C]

How can we do we multer plzz show me the code plzz

[@sayeedislam6767]

thanks a lot ..Lama bro... keep going on .,,,,love from bangladesh

[@longle7045]

Around 30:00, while filtering the product, has anybody faced this issue: TypeError: Cannot read properties of undefined (reading 'includes')? Any solution can be helpful. Thanks

[@DUR0ZERO]

same error

[@one_punchline7478]

instead of using the ".includes()" method, replace it with "=== value" after the item[key]

[@shihabkhandoker8706]

Have u find out the solution?

[@Mr-P1]

@@shihabkhandoker8706

[@midouwebdev2224]

Thank you, i am learning a lot from that !

[@Ameersoccerdev]

Your content is very clean and unique

[@monnguyen235]

You do a great things, keep your all the best.

[@ShivamGupta1]

Awesome, as always. Waiting for typescript integration. 👍

[@mihaimocanu8049]

43:43 PROBLEM WITH MAPing This worked for me. First, check if the color or size has a value if yes then use the map function - {product.color && product.color.map(c => ( ))}

[@shehreyarkhan]

Thankyou so much LAMA DEV, it helped me a lot throughout my learning stage. BEST TEACHER ❤️❤️

[@techhouse182]

Great work man✅...keep going ❤️ 100% working