Building a Todo List App with MERN Stack | Todo Application using MongoDB + Express + React + Node

Рет қаралды 88,525

Code With Yousaf

Күн бұрын

Пікірлер

@HamaadAfzal 7 ай бұрын

Finally My first mern project is done because of you, Thanks Brother

@nithyasri-b5c 3 ай бұрын

Can I get the source code of it

@nicholemcgrew2588 9 ай бұрын

Short, sweet, and complete! Thank you!

@programming3617 8 ай бұрын

Great Lecture. Thanks for making things clear😊😊 May God bless you with lots of his blessings ameen.

@saikishorevangala8123 Жыл бұрын

Sir can you provide the code as a reference purpose for cross checking.

@gabriel_macena 4 ай бұрын

Thank you for helping me with my first MERN project!

@Vivek-fc7cl 4 ай бұрын

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

@Srilakshmi-xh5iy 8 ай бұрын

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

@atone-p2t 6 ай бұрын

really good and clear explanation!

@ajayboro777 Жыл бұрын

Bro, u r a good tutor.😊 But please use background noise remover software.

@anti-tankartur677 7 ай бұрын

Taught me so much about mern stack thanks !!!

@nagazackyishida2160 Жыл бұрын

Thank you so much! It works!

@VikashYadav-eo1qi 2 ай бұрын

tank you so much...such a helpful video

@DinushaSandamali-h8f 5 күн бұрын

Thank You!

@brycetownsend1289 Жыл бұрын

Amazing! Thank you so much!

@muskangupta4551 Жыл бұрын

requr=est is not defining in post showing not connecting with database

@iamakshobhyashukla Ай бұрын

thank you bro.

@praveshverma0808 6 ай бұрын

how to deploy this project with local mongoDb database , what i have to set up local mongodb before deployment , please tell me

@viniciussilvano4177 3 ай бұрын

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.

@uniquetechexploration Жыл бұрын

pls how did you add the icons?

@uniquetechexploration Жыл бұрын

fixed

@BytezDevs 11 ай бұрын

@@uniquetechexploration Can you please help me fix the icons issue?

@winterflake741 11 ай бұрын

Can u tell how u fixed it?

@uniquetechexploration 10 ай бұрын

we have alot of icons...search on google for some mostly in formats like bscircleFill@@winterflake741

@EfimRisberg Жыл бұрын

I'd stuck on 7:30, the style from App.css cannot be applied, what it can be?

@aravindp2595 Жыл бұрын

I think className should be applied

@pranavbedekar5844 Жыл бұрын

Could you elaborate?@@aravindp2595

@coronareyesmauriciodassel5345 Жыл бұрын

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 {/* ... */} ); }

@coronareyesmauriciodassel5345 Жыл бұрын

function Create() { return ( {/* Apply the 'create_form' class */} Add ); }

@jaydeepbhogate3753 Жыл бұрын

thank you bro it is working now @@coronareyesmauriciodassel5345

@hassanmujtaba9086 3 ай бұрын

Thx alot bro!!

@Harshitsharma-jn6qj 7 ай бұрын

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 7 ай бұрын

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.

@Harshitsharma-jn6qj 7 ай бұрын

@@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..

@deblinaroy9624 8 ай бұрын

I am unable to find my local IP address port number. Every time I try, it shows an axios error.

@codewithyousaf 8 ай бұрын

u r using mongoDB atlas use this IP 0.0.0.0/0

@ZainAli-fh7oj 5 ай бұрын

just write localhost. It's the same

@CoderUzair 2 ай бұрын

hi! how did you resolve your issue?

@thanos.42078 4 ай бұрын

great video

@Motivational_talks 7 ай бұрын

when you are trying to access to display the todos...user.task .....here task is what?? means from where you get this?? pls response

@codewithyousaf 7 ай бұрын

task is stored inside database

@MS-hn9dk 2 ай бұрын

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

@ugyenofficial Жыл бұрын

thank you so much bro

@jacobhagan553 3 ай бұрын

Pls is there way to uncheck the checkbox back to false to reflect on the db?

@sampathkumar1301 7 ай бұрын

update todo not there in front end

@dipakkumawat8608 6 ай бұрын

same issue

@greeshmaaturu2889 Жыл бұрын

Can I get the source code? I was stuck in the project. It's a request from my side.

@Anonymous____________A721 3 ай бұрын

No response from that side

@authenticvideocreator8546 6 ай бұрын

thanks for this vide

@abhaykashyap256 3 ай бұрын

App css ho kaam ni kar rha...10 baar se jada repeat Kiya lekin problem ni Mila...

@WorldSpace007 3 ай бұрын

Sir can we use effect for 33:00 for re rendering By using todos list in dependency array??

@onion2530 5 ай бұрын

it say net::err_connection_refused how to solve??

@manjeeralakshmi7472 8 ай бұрын

mongodb compass is not creating the database automatically

@walleworkie 11 ай бұрын

please do ecommerce project using node js, express js, mongodb, react with payment getways

@RodrigoAR33747 3 ай бұрын

This bro is working outside

@dfordemo981 Жыл бұрын

brilliant

@namangokhru3715 Жыл бұрын

source code ??

@BytezDevs 11 ай бұрын

Icons are not working, what to do brother?

@victorm3807 11 ай бұрын

I think when something like icons is not working, it is the best opportunity to explore other icons libraries out there!!

@zaidkhan4555 7 ай бұрын

Not good for beginner It involve lack of explaination and also improper speech which pose difficulty for viewer to understand

@codebypc Ай бұрын

Tere baap ko bol bna dega

@عبدالعزيزسليم-ص3س Жыл бұрын

thank you

@SajalSoni00 10 ай бұрын

sir can you please provide source code for cross check

@VijayChauhan-Krishna 11 ай бұрын

thanks bhai

@PHYSICSINNEPALI 9 ай бұрын

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 . . . . . . . . . :

@deblinaroy9624 8 ай бұрын

hi, did u solve this?? i couldnot find my local ip address port number. everytime it shows axios error

@NeerajSharma-sk2rs Жыл бұрын

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

@mdfaiyazulhussain8752 11 ай бұрын

Yes it is ok to use although

@abdu11ahh 6 ай бұрын

why are you not comfortable with it ? any specific reason?

@SoftwareScience Жыл бұрын

css not working....

@sharifhossain8251 Жыл бұрын

Can we get the source code?

@zitansalehin6941 7 ай бұрын

Too much code skipping..you shouldn’t make video like this..wastage of time

@Welcome_home6264 7 ай бұрын

you have to create request in thunder client by yourself otherwise it won't work

@democracyprevails 9 ай бұрын

bro code please

@arnopzakaria3212 Жыл бұрын

MERN E-commerce project...

@gg.cip0t Жыл бұрын

I have learnt ReactJs and AntDesign, How much time do gou think I can learn Express,MongoDB and NodeJs?

@VandanaTripathi-r4d 3 ай бұрын

Can I get a sourcee code pleaseee???

@MDSALIM-lj7hs Жыл бұрын

please share source code as well.

@ksantoshkumar4579 8 ай бұрын

wheres the source code ?

@rombohak-lgite4400 5 ай бұрын

thx

@malikshifin2699 Жыл бұрын

Source code?

@somanadhguthula147 10 ай бұрын

Oh ma gud where is the source code

@walleworkie 11 ай бұрын

please do projects sir

@magomedbataev8131 11 ай бұрын

where is the source coooooooooooooooooooooooooooooooooooooode

@vaibhavsolanki8225 Жыл бұрын

29:49 done=true not working..

@Roozikhan565 Жыл бұрын

❤❤❤❤😊

@Sans24-kj5zm 4 ай бұрын

Pdf hongi to upload krdo

@technicalg6808 26 күн бұрын

12:50

@sweetangleam5106 3 ай бұрын

24:00

@k-CE-OmkarPathak 8 ай бұрын

AxioError coming

@Garvit41 4 ай бұрын

One of the worst tutorial I have ever came across

@pujachoursiya7418 Жыл бұрын

I am unable to get id in my console please help @Code With Yousaf

@codewithyousaf Жыл бұрын

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

@genarodistilio8441 Жыл бұрын

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.