Bro when we add,update or delete the task at that time whole page reloads that is logically not correct because we are working in react, it should reload only that part of application
how to post update date and (fetch data without reload), for eg: when we click like button of youtube video it don't make reload, it make realtime,like instagram also?
@@codewithyousaf bhai samjh ni aaya aap ne kya lika hai.. par mujhe ek solution mil gya hai.. mai useeffect se sara data managa rha tha backend se or usse state mai rakh rha tha... to abb jab bhi koi post ya like function callkarega too fir se useeffect call krwa denge.. jise ab ka updated data bhi aajaye or refresh bhi na kr na pade..👍👍 or dusra tarika redux use krke bhi ho jaye ga..
To apply the CSS classes to the elements, you need to assign those classes to the JSX elements using the className attribute. Here's how you can do it in your components: In Home.jsx, you can apply the home class to the outer element like this: function Home() { const [todos, setTodos] = useState([]);
return ( {/* Apply the 'home' class */} To Do List
15:55 what is the local ip adress of mine ? how to know that ? can i know it using - ipconfig in cmd which i should use among : IPv4 Address. . . . . . . . . . . .: Subnet Mask . . . . . . . . . . . : Default Gateway . . . . . . . . . :
Finally My first mern project is done because of you, Thanks Brother
Can I get the source code of it
Great Lecture. Thanks for making things clear😊😊 May God bless you with lots of his blessings ameen.
Short, sweet, and complete! Thank you!
Sir can you provide the code as a reference purpose for cross checking.
Thank you for helping me with my first MERN project!
when i am editing the code in app.jsx file localhost stops working and it is showing a vitehmr update and it doesnt show any ouput
Bro when we add,update or delete the task at that time whole page reloads that is logically not correct because we are working in react, it should reload only that part of application
Bro, u r a good tutor.😊
But please use background noise remover software.
Taught me so much about mern stack thanks !!!
really good and clear explanation!
thank you bro.
Thank you so much! It works!
requr=est is not defining in post showing not connecting with database
tank you so much...such a helpful video
I am unable to find my local IP address port number. Every time I try, it shows an axios error.
u r using mongoDB atlas
use this IP 0.0.0.0/0
just write localhost. It's the same
hi! how did you resolve your issue?
pls how did you add the icons?
fixed
@@uniquetechexploration Can you please help me fix the icons issue?
Can u tell how u fixed it?
we have alot of icons...search on google for some mostly in formats like bscircleFill@@winterflake741
how to post update date and (fetch data without reload),
for eg: when we click like button of youtube video it don't make reload, it make realtime,like instagram also?
As for your example we can do that because that is front-end but we you would like to update your post then it must reload to fetch updated data.
@@codewithyousaf bhai samjh ni aaya aap ne kya lika hai..
par mujhe ek solution mil gya hai..
mai useeffect se sara data managa rha tha backend se or usse state mai rakh rha tha...
to abb jab bhi koi post ya like function callkarega too fir se useeffect call krwa denge.. jise ab ka updated data bhi aajaye or refresh bhi na kr na pade..👍👍
or dusra tarika redux use krke bhi ho jaye ga..
how to deploy this project with local mongoDb database , what i have to set up local mongodb before deployment , please tell me
Localhost MongoDB is only available on your computer. If you deploy, you need to use MongoDB Atlas so that you can run your code anywhere.
when you are trying to access to display the todos...user.task .....here task is what?? means from where you get this?? pls response
task is stored inside database
Amazing! Thank you so much!
I'd stuck on 7:30, the style from App.css cannot be applied, what it can be?
I think className should be applied
Could you elaborate?@@aravindp2595
To apply the CSS classes to the elements, you need to assign those classes to the JSX elements using the className attribute. Here's how you can do it in your components:
In Home.jsx, you can apply the home class to the outer element like this: function Home() {
const [todos, setTodos] = useState([]);
return (
{/* Apply the 'home' class */}
To Do List
{/* ... */}
);
}
function Create() {
return (
{/* Apply the 'create_form' class */}
Add
);
}
thank you bro it is working now
@@coronareyesmauriciodassel5345
Pls is there way to uncheck the checkbox back to false to reflect on the db?
App css ho kaam ni kar rha...10 baar se jada repeat Kiya lekin problem ni Mila...
See if you changes in css then show all code don;t skip css part because it error comes in BsCirclefill
or how is resolve please write in commet
Sir can we use effect for 33:00 for re rendering
By using todos list in dependency array??
This bro is working outside
mongodb compass is not creating the database automatically
Thx alot bro!!
update todo not there in front end
same issue
please do ecommerce project using node js, express js, mongodb, react with payment getways
Can I get the source code? I was stuck in the project.
It's a request from my side.
No response from that side
great video
thank you so much bro
it say net::err_connection_refused
how to solve??
thanks for this vide
source code ??
Icons are not working, what to do brother?
I think when something like icons is not working, it is the best opportunity to explore other icons libraries out there!!
sir can you please provide source code for cross check
brilliant
I have learnt ReactJs and AntDesign, How much time do gou think I can learn Express,MongoDB and NodeJs?
if you are naruto you can learn fast , if you are nobito you need more time
thank you
if we do not want vite and want simple npm install, is it ok cause i never use vite and i am also not comfortable with this
Yes it is ok to use although
why are you not comfortable with it ? any specific reason?
Not good for beginner It involve lack of explaination and also improper speech which pose difficulty for viewer to understand
Tere baap ko bol bna dega
bro code please
thanks bhai
Too much code skipping..you shouldn’t make video like this..wastage of time
you have to create request in thunder client by yourself otherwise it won't work
css not working....
Can I get a sourcee code pleaseee???
15:55 what is the local ip adress of mine ? how to know that ?
can i know it using
- ipconfig in cmd
which i should use among :
IPv4 Address. . . . . . . . . . . .:
Subnet Mask . . . . . . . . . . . :
Default Gateway . . . . . . . . . :
hi, did u solve this?? i couldnot find my local ip address port number. everytime it shows axios error
Can we get the source code?
MERN E-commerce project...
wheres the source code ?
please share source code as well.
❤❤❤❤😊
please do projects sir
thx
Source code?
29:49 done=true not working..
where is the source coooooooooooooooooooooooooooooooooooooode
Oh ma gud where is the source code
12:50
Pdf hongi to upload krdo
24:00
AxioError coming
One of the worst tutorial I have ever came across
I am unable to get id in my console please help @Code With Yousaf
when you pass it to the server side through URL then destruct it from req.params if it was empty then check your front-end
Hey! I had the same problem, i just needed to add a "key={todo._id}" on the classname task div:
----
todos.map(todo => (
handleEdit(todo._id)}>
----
It worked for me, i don't know why his code is working.
Location .relaod didn't work
True
How did u add the icon
the delete icon ?
Can I get the source code?