# 12 MERN Project Series | Add to Cart Functionality Part 2 | Food Delivery App | Hindi 2023
Вставка
- Опубліковано 5 жов 2024
- 12 MERN Project Series | Add to Cart Functionality Part 2 | Food Delivery App | Hindi 2023
MERN FULLSTACK PROJECT SERIES. MERN Stack stands for MongoDB, Express.js, React JS and Node.js.
This is the PART 12 of our MERN Stack Project Series in which we will be developing the Add to Cart functionality for our application. This is part 2 of our Add to Cart.
✅✅✅ CODE LINK : github.com/ars...
✅ Content Creator & Video Editor: Arshdeep Singh - / arshdeep-singh123
✅✅-------------------MY GEARS-------------------------✅✅
Boya Mic: amzn.to/3K85nbx
HP Wireless Mouse & Keyboard: amzn.to/3toLDdS
Lenovo Laptop i5: amzn.to/3K6grpQ
Mouse Pad: amzn.to/3fmuEko
Google Pixel 4a: amzn.to/3nk0imH
Boat Earphones (BassHead): amzn.to/3zVPSPt
msi Monitor: amzn.to/3qnqEX2
SOCIAL MEDIA:
Instagram: / endtoend91
In this Fullstack Project Series we will be going to build a Food Delivery Web Application using #mernstack #mernstack in 2023 can arguably be considered as one of the top most, in demand #fullstack for #webdevelopment .There are huge demand for #mernstack #webdeveloper currently. In this series I'll be covering some very important topics from #mongodb , #mongoose , #react / #reactjs , #express / #expressjs and #nodejs .
Concepts like useReducer , Context API, useContext, react hooks, createportal , async/await, promises will be covered from #react and #javascript .
Will be using #bootstrap 5 for making our application #responsive .
Will be using MongoDB Atlas for storing our data in a #database .
Viewers can ignore these tags:#endtoend javascript ,javascript mastery ,js mastery ,master javascript ,mern stack ,mern stack tutorial ,react full stack ,mongodb tutorial ,full stack ,mern stack tutorial 2022 ,mern tutorial ,mern stack project ,mern app ,mern app with authentication ,react node express mongodb ,mern stack traversy ,mern stack tutorial for beginners ,mern application ,full stack mern application ,mern stack crash course ,mern stack react ,mern stack social media ,full stack mern webdevsimplified ,mongoosejs ,mongoose js ,mongoose node ,mongoose mongodb ,mongodb nodejs ,mongodb ,mongo nodejs ,mongodb node js ,mongo node ,mongo node js
bro it is just like reading from slides just like in college you have provided the code and explaining it but not writing side by side
very much dissapointing bro till now the series was awesome
1 saal pehle ka video bhai log ...kuch cheeje update( Like Material ui icon wala issue is video mein) ho gayi to kuch depriciate so internet se search karke aap log solve kar sakte hai......thoda sa disappoint hua ki copy and paste se last mein explain kar diya but........thanks to your effort that aapne inta bda project ache se explain kiya aur itna time diya...thanks a lot ......at the end people over here dont be so negative .....Free mein to kuch bhi nahi milta...
Dekho sir aise complete nahi krna hota padhana hi h to properly padhao. Kya copy paste laga rakha h . Literally last video or iss video ne one day each le liya. So bad condition of viewers ki itna project bana liya to ab leave bhi nahi kr skte.
If you are getting this error: Can't resolve '@material-ui/icons/Delete'
then you should force install the material-icons : "npm install --force @material-ui/icons". This worked for me.
Apparently, the error is because of some dependency issues as the material icons are no longer supported for the newer versions of react.
Thanks a lot man... nearly wasted my 2 days due to this
@@sarthakgupta9133 lol, I also wasted quite some time before I was able to fix this.
in cart.js my data show in console that data is undefine and nothing show in cart model it shows cart is empty and data.length does not working i have to use in if condition !data@@saumyaranjan9256
@@sarthakgupta9133 Hi bro I get the error of Invalid Hooks can you please help me
Really Thanks a lot
Aap ratta lagva rhe hai kya sir ! very disappointing
Bahut badiya sir❤❤❤❤❤
Actually, the github is of the entire code and you are making few changes in the video which is giving many errors. You should have provided the code upto previous/current video instead of the whole project.
Man, we are ready to watch 1-2 hr. long videos but at least we should understand everything in that project. Your 30 min fast forwarded videos takes a day to understand it eventually its a loss for us
sir your all code is awesome from1 11 but in this now code i didnt understand anything because you can do step by step explation you directly copy your code and i didnt understand
Update in Cart is not working Properly..... It is working in some case(mostly early on) after addition of various items in the cart if we add same item again(with same size) it is creating another entry for it rather than updating. Even you are unable to add Items at some point
yes same thing, did u get solution for it?
Do u get the solution?@@shubhambisht9637
thik hai, achcha hai, keep on bro!
Please increase frequency bhai it is impossible to follow project like this...pls try to complete this project in next one week max
I get bro. It was supposed to be over by now. But, had a lot of stuff going on last week. Unable to record. I'll try to upload next video by tomorrow.
Thank you very much brother ☺️❤️
my total price is giving nan value in my cart and not displaying prices also can anybody help
please solve this how to solve Can't resolve '@material-ui/icons/Delete'
same problem
@@satyammishra599 have u solved this problem
@@b02akashkumar28 guys even i have the same problem , can you help me out
@@sammagopikamadula2459 use --force it will solve
@@draXX_4048 ./node_modules/react-bootstrap/esm/Badge.js
Module parse failed: Unexpected token (12:2)
You may need an appropriate loader to handle this file type.
| className,
| as: Component = 'span',
| ...props
| }, ref) => {
| const prefix = useBootstrapPrefix(bsPrefix, 'badge');
Getting this error message while adding badge, any solution?
The first item in the cart is updated but the rest of are not updated even if I increase the quantity.
yup!! it has some logic problem
i got the solution bro, in the 'UPDATE' case he is returning the arr after one search only. remove the first return arr.
case 'UPDATE':
let arr=[...state]
console.log(arr);
arr.find((a,idx)=>{
console.log(a,action);
if(a.id===action.id)
{
console.log('updated',action, a);
arr[idx]={...a, qty:(parseInt(action.qty)+a.qty), price:(action.price+a.price)} // a is the array jo abhi tk cart m prda tha and action contains the updated object's details
}
****
})
return arr
@@davendrabedwal830 Thnx bro👍
@@davendrabedwal830 thanks a lot
Thanks bro 😊
update is working but only for the first item which is added to cart and neither with the other items nor with the items added after that.
Same problem bro and for remove splice us not working
@@RakeshYadav-oq6dd same problem
Yes bro it is not working properly. He did not check for more items
if the issue get resolved please mention it here also
19.30 you can use filter method
yes by returning that element who's id is not equal to the array of items id
How can we make the cart scrollable? If I increase the no of items I cannot scroll down to the bottom
style={{ height: '400px', overflow: 'scroll' } add this in the container div in the cart screen file
you makes to complecated this video
Update is not working Properly..... It is working in some case(mostly early on) after addition of various items in the cart if we add same item again(with same size) it is creating another entry for it rather than updating
I also faced the same issue. The Pizza category is not working too. You can only add 1 quantity to my cart and thereafter you cannot update it.
Awesome 👍
Sir asa na kare yar, hope dikhake cheat kardiya ache se na samjaya😢😢 resume me dalna tha yar ye project
very disappointing...... i trust you bcz you are explaining line by line till now.....but after this video i am getting so many errors ......trash.svg vala error aa rha hai koi help kro guyz
download trash image in svg format like trash.svg then upload this file in your mernapp
Not understand anything 😭
ERROR in ./src/screens/Cart.js 8:0-33
Module not found: Error: Can't resolve '../trash.svg' in 'C:\Users\your\OneDrive\Desktop\GoFood\mernapp\src\screens'
How to resolve this error???Stuck in this error for 2 days.
@end to end channel plzz reply.
plz reply someone. Help me in fixing out this error.
same mila kya iss error ka solution
See on stackoverflow
sir add to cart wala refresh karne par chala jata kuch solution bataye . every user ka apna data ho...pls🙏
add to cart karne par mera data modal me show nahi kar raha hai..koe help kar sakta hai...?
Bhai Last video m img undefined aari hai ,add to cart krne par backend m data nahi jara , solution dedo please
bro type style={{ color: "white" }} in td element
sir ye error show ho raha hain kaise solve karu
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '_id')
🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
did you got the answer?? If yes ,then please tell
same,any solution to this?
Yrrr batao na please koi kuch cross par tick karne se kuch ni hora
I Got the error of invalid hooks ,can any one help
Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
pleasehelp @End to End
when u call a function hook thats
import { useDispatchCart, useCart } from './ContextReducer';
and then use its function but without calling it..
like
const dispatch = useDispatchCart;
then it give this kinda error add () brackets in it..
const dispatch = useDispatchCart();
then u might not get this error
same error!!
how to solve this?
kya aapne solve kar liya tha ye problem kiya to btayiye kaise kiya
@@akanksha1499 does you solved this error? If yes ,how?
add nahi ho raha total price using reduce
when i pressed delete button upon items, showing data is undefined any one?
Write Remove functionality in reducer function
Cart page me maine ye code dala hai..
When I'm adding any iteam in cart, it is showing an error, "Invalid hook call. Hooks can only be called inside of the body of a function component."....anyone please help
send me your mail id.. send u updated code
same error I am facing if you get the solution plz tell me
@@dinesht3589 can you send me the updated code
@EndtoEnd91 Bro can you please solve this problem
@amitranjanbhardwaj bhai ye wala issue solve kaise kiya
13:07 wahi to galat kaise ho skta h, copy paste jo kra rha h
Apne hi code ko copy paste kia hai. First a project is developed. Then, developed again to explain it.
@@EndtoEnd91 bro time waste kra Diya yaar tumne
Time wasted after 10 videos??. UA-cam is free to use. You have all the rights to drop any video series anytime you wish. My only question is, you were unable to identify that I am wasting your time for 10 videos straight. And, one last request. Whenever you don't like something atleast can you please leave a comment on what were the issues so that it can be rectified next time. All the best bro. Wish you all the luck 🤝
@@EndtoEnd91 bro 10 videos ke baad hi hugna start kiye ho, project ka end hi acha nhi hoga to kya Mtlb project banane ka. Kam se kam ache se complete to kra dete
@@SumitKumar-bl9xr yhi to bat ha bhai k last me a k esa krny kia zrorat thi pehly hi kr dety log dkhty he na aik banda apko agr 10 videos say follow krta ha wo to yhi kahy ga na
bro it is just like reading from slides just like in college you have provided the code and explaining it but not writing side by side, very much dissapointing bro till now the series was awesome 🥲
Please Upload 3 or 4 videos in week
bro your code is working ??
Trash svg wala error ara hai mujhe help kardo koi
mera empty cart to show ho rha hai par items add karne ke baad My Cart pe click karne se show nhi ho rhi , white screen ho jaati hai . Please help anyone .
Bro I got the same problem....
Have you done with that error then please give me the solution
Did u get solution?
abhi tak mast tha ye wala hag diya bhai copy paste
console me dikha raha hai..magar modal me nahi dikha raha hai..
bro can you tell me how to fix it
When I am adding a item in cart an click on my cart button then error occurred ---- "Invalid hook call. Hooks can only be called inside of the body of a function component"
Written code is as same as in Vedio,Somebody please help
check if you are calling the hooks inside the functional component ? maybe share code
When I am adding items to cart and then click to my cart shows invalid hook
But at same time without adding items it shows empty page but it is not showing
The cart is empty!
I am using the exact code from git
@@pratikvora2911 I'm also getting the same issue. did you get the solution?
@@AbsolutePain What do you mean? Can You plases explain in which folder it may occur?
@@amitranjanbhardwaj7408 did you tagged the right person? if yes , i didnt have any error....
Cross par click nahi hora please koi bata do
I was facing the same issue but it resolved now, you need to write the code to render Modal outside of MyCart div/button like given below:
setShowCart(true)}>
My Cart 4
{showCart? {setShowCart(false)}}>
:null}
kasam se bata ra hun tune jo harkat ki hai na iss video me , gaali dene ka maan kar ra. Maine yaha ka pura project kar liya abb agge ka samajh nhi aa ra , pura time waste ho gya
mujhe pehle pta hota ki aise 12th video me hagne wala hai to itne videos dekhta hi nhi. katai akal nhi hai.. jo tough concepts hai unko copy paste krwakar skip krwa dia aur start se bootstrap jaise concepts pr time diye jaa rha tha
stop crying like a b
me bhi aaj fas gya yar 😤
kya hag die ho bhaisaab......
Bhai Apke pass time ho to error bata dena bhai waise nhi copy paste me error aa hi jaa rha hai ,,,,,.......................................................................................................................................................................................................................................................................................................................................................................................................................................................................please bhai