Clear, concise and no unnecessary cramming of third party modules. The fact that this is free plus the additional MERN Auth video is incredible. Thanks for providing top class education for everyone to access.
I have been ignoring this recommendation for a few days thinking it's just another one of those tutorials that leave me with a million questions at the end but boy was I wrong. This is clearly the best MERN stack tutorial I have come across on YT. I love the organization of the back and front end. Makes it easier to understand how everything is linked. And you aced it with the Redux explainer too, not many do that. Many thanks!
I have ADHD and have comprehension issues. But for some reason, I can actually sit and listen to your videos! Not only that, I'm also learning and understanding them too!
I had attended a coding bootcamp a couple years ago while working full time and this part of it, routes and CRUD, and linking the server with the client, it was all incredibly challenging for me. There is almost nothing intuitive about any of the commands, you just have to use them perfectly or they don't work. By the end of the course when these concepts were explained I was so sleep deprived that nothing sunk in. I had expected I would need to watch several videos to piece this all together again but here are these two videos that explain the whole process so amazingly clearly. I am sure this has just saved me a ton of time. Very much appreciated!
This is great Job. Covered everything 'front, back and in between'... This will push every intermiadiate Dev to a higher level. Thanks alot man. Part 2 is as great as it sounds. Leegoo 💪💪💪🚀
I was looking to buy a course on Udemy, until I found this series on UA-cam I was always searching for MERN tutorials and I can say that this is the BEST one you can found!! Thanks a lot
Absolutely killed it! The fact that it is also free also surprises me since I was not able to access any web development course for free. Best tutorial for Full Stack Development!! I loved it, especially because it is absolutely free!!
Thank you adrian ! I was looking for something like this to learn MERN stack and this was the video that cleared a lot of my doubts . You are the best. :)
I can see that you are a good teacher, i have not even finished watching the video, just by listening to your voice, i am able to tell that u are a good teacher
Yoooo thanks for this!! It's a great breakdown of everything working together which is great so I know what to look for while doing my course work! Just realized I'm deffo a fan of your work (this is the 3rd video of yours i've seen without realizing it) so thank you soooo much for uploading these tutorials and projects!!!
One of the best free tutorial videos on the internet! Straight to the point, no waste of time. I'd be happy to pay a version of a training where you deep dive into the logic of each section!
Attention new viewers of 2024 : @ 3:20 in client directory install react 17 or else ull have dependecy errors with Material UI so after creating react app do the following . npm uninstall react react-dom then npm install react@17.0.2 react-dom@17.0.2
1. Bigups for creating this tutorial. Loving it all the way from Kenya 2. A key issue I found is when adding the onDone for selectedFile. A key point to put across is the anonymous callback function variable needs to be using "{}"parenthesis otherwise it will fail. Had to review your code to find the issue. Other than that. I'm really enjoying coding along with you. For sure as everyone is saying Redux is very confusing. But after coding for a long time. I know there are things you learn after doing them a long time so I am glad you added it in the project. I can't wait to see what Part 3 will hold :)
The app lets user to submit empty posts as well, we can add client side and server side conditions to prevent user from submitting an empty post.....awesome teaching..thanks a lot for such videos
I like your teaching style. For example here at 1:11:30 where you ask yourself what to do, and (I suggest it) then you respond after and hopefully I find it right. I really like it :)
What would have happened to us without this channel. You are so amazing, man. Your way of explanation is so awesome and precise. Please make a video of a project related to voice channels like discord. I really want to learn that functionality.
Thank you so much for this video :) I'm really impressed how you've managed to put here all these nice and useful technologies. The structure and code look so clean, beautiful :D
Awesome video mate! As a junior dev this was really helpful at getting my head around the client VS server side of things and how the mern stack interacts!
Whether your backend is connected to the frontend,did you have completed the project,....,.... whether this project will work......pls do response bro.....😢😢😢😢😢😢😢😢😢😢😢😢😢
if you're having trouble loading the photo at 33:12, material-ui/core has been renamed, install these -> npm install @mui/material @emotion/react @emotion/styled and then import { Container, AppBar, Typography, Grow, Grid } from '@mui/material' and your photo should load.
Thank you for the video. As you probably read, the Redux part gets confusing because too many files are created before they are actually needed. As a course builder myself and a student at the same time, I recommend you use the top-down approach next time. It drastically improves understanding. Top down design is this. Let's say the end goal is to have a button that makes the car accelerate: Top down design would start by the end. Ex: the end: call to the function = = = > function accelerate() now go to the definition = = = > function accelerate() { import speed and call speed = = > newSpeed = speed() * 4;} now create a new file to define speed and export it. This way students know clearly why and how things exist and connect together. As an experienced developer I can find my way around missing explanations, but I am sharing the tip for future videos you will make and for newbies subscribers.
1:05 We can move onChange function outside the TextField element and use the following syntax: const handleChange = (e) => { setPostData({ ...postData, [e.target.name]: e.target.value }); And inside of TextField call this function:
@@javascriptmastery Thank you so much for this course please can you explain this in a lot more detail please for beginners like me it's quite complex to undestand
@@sivalingams.k3521 That's great! Can we please get in touch via LinkedIn or mail? Just search Shivani Gaddagimath on LinkedIn and request to connect! The first profile that pops up is mine.
Just completed this whole video along with performing and it was really great!!!!!! Thank you so so much, it helped me a lot. But one thing I would like to let all the viewer know that nodemon for me caused a little issue maybe due to version changes of 2021. So I did not use it and used this, "scripts": { "start": "node --experimental-modules index.js" }, so maybe this might help if someone gets the error of Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: All the best to everyone and thank you so much JavaScript Mastery!!!
@@prathameshtakane7354 We are a web development company and currently looking to hire freshers and experienced candidates for web developers roles. It is a full-time position. Can we please get in touch via LinkedIn or gmail for more details?
I have learnt and got some experience in React. Then nowadays I am learning Backend. I really wanted this to know how to connect everything and deploy....better timing 😇❤️
Thank you for helping out a brand new web developer learn the MERN stack. I appreciate it very much. You have no idea how much I appreciate it. I am celebrating tonight because of you.
Thank you Adrian..for your decision to make video to accessible to all.I have liked, subscribed, and comment on your channel...all the best for your future growth ..
@@javascriptmastery Can yo make Vue and Nuxt tutorial with firebase auth and data persistence? Am a fun of react js, but learn VueJs is also... Any body supporting the same to like.
I am halfway through this and this is amazing. I just finished my coding class on the MERN stack. This is my first project. Nice and easy to follow. Great explanations on what is happening.
hey could your help me i followed the code line by line but im getting an error PS F:\memories-app\server> npm start > server@1.0.0 start F:\memories-app\server > nodemon index.js [nodemon] 2.0.15 [nodemon] to restart at any time, enter `rs` [nodemon] watching path(s): *.* [nodemon] watching extensions: js,mjs,json [nodemon] starting `node index.js` F:\memories-app\server ode_modules\express\lib\application.js:355 return this.settings[setting]; ^ TypeError: Cannot read property 'case sensitive routing' of undefined at Object.set (F:\memories-app\server ode_modules\express\lib\application.js:355:25) at Object.enabled (F:\memories-app\server ode_modules\express\lib\application.js:422:23) at Object.lazyrouter (F:\memories-app\server ode_modules\express\lib\application.js:140:27) at Object.use (F:\memories-app\server ode_modules\express\lib\application.js:214:8) at file:///F:/memories-app/server/index.js:8:13 at ModuleJob.run (internal/modules/esm/module_job.js:169:25) at async Loader.import (internal/modules/esm/loader.js:177:24) at async Object.loadESM (internal/process/esm_loader.js:68:5) [nodemon] app crashed - waiting for file changes before starting...
A complete MERN stack project should have.. * Authentication & Authorization * Pagination * Search & Filter * Multi-user role with relational data. I hope you also covered these things in this project. A project-based tutorial is incomplete, but these topics.
@@javascriptmasteryThanks for your reply. Yet, I didn't get any tutorial that covers all those things. Hope, your tutorial will be the best tutorial on this topic.
For some reason I need to put "start": "node --experimental-modules index.js " into package.json otherwise it didn't run. But huge thanks for the tutorial, nicely structured, everything explained nicely and slowly.
I think it's because you are using an older version of node JS, like in node 12 you need to put "node --experimental-modules index.js" to work with JS modules but if you are using node 14 or above you just need to put "type: 'modules'" in your package.json to make it work.
Hi, I loved the course. I am a complete newbie and have never coded in my life but wanna get into it. Was very easily understandable. Just one small correction which is not even relevant to the MEAN stack- about styling - for spacing between form input fields - use [ margin="normal" ] in each element in the Form.js inside the Form folder. Really grateful for such an amazing project.
Those who are facing difficulty with installation of material-ui , because it is not compatible with latest react version 18. so do 1. go to client --> package.json --> dependencies --> rename react 18.20 to 16.4.0 same with react dome 2 npm install 3 Now try installing material-ui.
love the tutorial!just one note for those who are starting with it: import xxxx from ''xxxx'' doesn't work, require('''') is ...well required (sorry about that:) Same goes with exporting routes, instead of regular *export deafult router* it has to go with module.export=router
It is one of the courses I recommend. File names may be different in the future. Being a beginner it was a little difficult for me to figure out which file needs to be modified, having the same name in different folders. Maybe it's not a bad idea to name the files: posts.js to be posts_controller.js and posts_routes.js or posts_01.js and posts_02.js ... The rule can be applied to other files as well. Thank you
Nice one =) just one little tip. By installing npm dotenv you can import "dotenv/config.js"; and then have global variables like mongoose uri in a seperate .env file. Which u can access like process.env.MONGO_URI
@@aniketsharma6766 Do you installed dotenv? Then import "dotenv/config" to read the .env. inside the env must be the MONGO_URI = "HERE THE URI STRING FROM MONGODB ATLAS"
Clear, concise and no unnecessary cramming of third party modules. The fact that this is free plus the additional MERN Auth video is incredible. Thanks for providing top class education for everyone to access.
Glad you like it Henry!
Hi there, I love your comment so much. I want to use your comment as a testimonial for my upcoming course platform, is that all right with you? :)
@@javascriptmastery yeah of course :)
@@javascriptmastery Hi, is there an updated version of this project that we can start our journey with?
hey, does this course have any pre-requisites? I'm just a beginner, can I still follow without any prior knowledge?
I have been ignoring this recommendation for a few days thinking it's just another one of those tutorials that leave me with a million questions at the end but boy was I wrong. This is clearly the best MERN stack tutorial I have come across on YT. I love the organization of the back and front end. Makes it easier to understand how everything is linked. And you aced it with the Redux explainer too, not many do that. Many thanks!
I still have a million questions
Right, brotha' ! :D
@@levihalperin7649 🤣🤣🤣
@@levihalperin7649 You should just ask and clear those here or somewhere else.
You are definitely not the hero we deserve, but the superhero we needed.
You, my friend, are awesome!
Thanks!!
I have ADHD and have comprehension issues. But for some reason, I can actually sit and listen to your videos! Not only that, I'm also learning and understanding them too!
its cus hes super precise with his words and explanation and the sequence of workflow. really well made
Just want to thank you so much for this amazing course, I never seen any UA-cam channel explain as great as you do.
Ya right 😊
I had attended a coding bootcamp a couple years ago while working full time and this part of it, routes and CRUD, and linking the server with the client, it was all incredibly challenging for me. There is almost nothing intuitive about any of the commands, you just have to use them perfectly or they don't work. By the end of the course when these concepts were explained I was so sleep deprived that nothing sunk in. I had expected I would need to watch several videos to piece this all together again but here are these two videos that explain the whole process so amazingly clearly. I am sure this has just saved me a ton of time. Very much appreciated!
Thank you!! 🙌
This is great Job.
Covered everything 'front, back and in between'... This will push every intermiadiate Dev to a higher level. Thanks alot man.
Part 2 is as great as it sounds.
Leegoo 💪💪💪🚀
Thank you man! Appreciate it!
for you guys out there in 6 months, I want you to know I've been checking this channel before this dude had 1m+ subscribers!
absolutely amazing work.
Haha, thank you!! 🙌
I was looking to buy a course on Udemy, until I found this series on UA-cam
I was always searching for MERN tutorials and I can say that this is the BEST one you can found!!
Thanks a lot
Thank you! 🙌
Absolutely killed it! The fact that it is also free also surprises me since I was not able to access any web development course for free. Best tutorial for Full Stack Development!! I loved it, especially because it is absolutely free!!
You are a blessing to junior developers like me
Woah.. This is literally an ultimate mern project to learn for the beginners
Exactly!
but I am a lot confused from the redux part god help mee......................... ):
Thank you adrian ! I was looking for something like this to learn MERN stack and this was the video that cleared a lot of my doubts . You are the best. :)
Thanks! 😊
Hi Aditya! Are you a student or working currently? Would you be interested in exploring job opportunities in web development?
@@shivanigaddagimath6105 hii i am interested u have any ?
@@shivanigaddagimath6105 do u have any opportunities?
I can see that you are a good teacher, i have not even finished watching the video, just by listening to your voice, i am able to tell that u are a good teacher
This is the best content of full stack developing that I saw since 1 year of coding, thank you so much.
Hi, can a user delete other people's post in this app?
Yoooo thanks for this!! It's a great breakdown of everything working together which is great so I know what to look for while doing my course work! Just realized I'm deffo a fan of your work (this is the 3rd video of yours i've seen without realizing it) so thank you soooo much for uploading these tutorials and projects!!!
Thank you man, appreciate it!
Tried looking for good MERN stack tutorials and yours is by far the most impressive one :)
Thank you!
Hey why is he using body parser when express has all of it built-in 🤨
@@javascriptmastery What extensions do you use on vscode?
One of the best free tutorial videos on the internet! Straight to the point, no waste of time. I'd be happy to pay a version of a training where you deep dive into the logic of each section!
Thank you so much!
UA-cam >>>>>>>>udemy,coursera,edx,etc combined just because of Devs like you...
Loved this project...
Simply one of the best MERN tutorials I've ever seen, congrats and thank you for all your work.
Thank you so much Juan!
pd. What's the extension for the styling console terminal? :o
We can't be thankful enough ❤️
No problem! ❤️
Thanks senpai! I gotta say you're my favourite teacher/mentor
Thanks! 😊
ua-cam.com/video/nPCfL_fuUk4/v-deo.html looks like linkedin clone with firebase as well easy explanation with github repo
I can say the only one word for you and your channel. "Love".
Attention new viewers of 2024 : @ 3:20 in client directory install react 17 or else ull have dependecy errors with Material UI so after creating react app do the following . npm uninstall react react-dom then npm install react@17.0.2 react-dom@17.0.2
thank a lot
Thank you!
do you have any issues like post is not displaying properly in further implementation ?
@@NainalaManu it works fine if u install the dependencies seperately .
Check in perplexity which version of material ui works well with the react version tht u are using
1. Bigups for creating this tutorial. Loving it all the way from Kenya
2. A key issue I found is when adding the onDone for selectedFile. A key point to put across is the anonymous callback function variable needs to be using "{}"parenthesis otherwise it will fail. Had to review your code to find the issue.
Other than that. I'm really enjoying coding along with you. For sure as everyone is saying Redux is very confusing. But after coding for a long time. I know there are things you learn after doing them a long time so I am glad you added it in the project. I can't wait to see what Part 3 will hold :)
Thanks! Coming this Friday!
Spent 2 hrs finding this bug for ( { base64 } ). Thanks for the input @DogNgethe
you really deserve more than like, this channel is more than fantastic❤❤
Thanks! ❤️
yeeeeeeeeeeeessss I have been waiting for this for so long, I am so excited to build this one, I have almost built all your react projects.❤💥
It is finally here! 👌
can you please help me out in fixing my error
@@kanchansharma8454 whats ur problem idk if i could help you
@@kanchansharma8454 Hey Kanchan! Are you a student or working currently? Would you be interested to explore job opportunities in web development?
Hey Deekshanta! Are you a student or working currently? Would you be interested to explore job opportunities in web development?
this is probably the best mern app tutorial using redux on youtube.
Thank you so much!
The app lets user to submit empty posts as well, we can add client side and server side conditions to prevent user from submitting an empty post.....awesome teaching..thanks a lot for such videos
Honestly, the best tutorial on mern stack. Loved it.
Thank you so much!
his terminal : everything looks cool keep up the good work server is running you gonna be rich
my terminal : 999 errors 95 bugs 584 bananas
thank you bro!!! hope you never stop making amazing tutorials in youtube
Thank you! 😊
Hi Manikanta! Are you a 2021 pass out or a working professional? Would you be interested to explore web development job opportunities?
OMG! love your content.
From this channel I just build 3 projects on React and after that directly I landed a Job 😃
I like your teaching style. For example here at 1:11:30 where you ask yourself what to do, and (I suggest it) then you respond after and hopefully I find it right. I really like it :)
This lecture has everything I wanted to learn and know. Thanks for the kind explanation and high quality project.
Wow, you're so selfless. Thank you.
No problem :)
After watched this good introductory course, I started to keep saying myself "that's it" again and again all day long :-)
You and me both! haha
I've just started and this is brilliant. You deserve all the success in the world.
great people on youtube, one is you. Thanks for the course. Trying to learn node.
Thanks!
Hey Sajan! Are you a 2021 pass out or a working professional? Would you be interested to explore web development job opportunities?
Your Tutorials are absolutely brilliant. I cannot thank you enough for teaching new developers like me.
This is great, Thanks for your hardwork ❤️
Glad you like it! ❤️
What would have happened to us without this channel. You are so amazing, man. Your way of explanation is so awesome and precise. Please make a video of a project related to voice channels like discord. I really want to learn that functionality.
Holy shit..... This really is an under rated channel... The quality of this video is awesome and the project is really helpful..
i love your organization man this is super clean you have no idea how this helped me improve my coding skills ^^ thanks a lot
Thank you so much for this video :) I'm really impressed how you've managed to put here all these nice and useful technologies. The structure and code look so clean, beautiful :D
Awesome video mate! As a junior dev this was really helpful at getting my head around the client VS server side of things and how the mern stack interacts!
Whether your backend is connected to the frontend,did you have completed the project,....,.... whether this project will work......pls do response bro.....😢😢😢😢😢😢😢😢😢😢😢😢😢
Seems like its the best one that I found on youtube!
But I have to come back later since Im not readied especially in the redux part😂
Same lol
SAAAAME ;'D
Bro, I cannot thank you enough, this is a wonderful exhibition of JavaScript Mastery(literally). thanks and god bless.
if you're having trouble loading the photo at 33:12, material-ui/core has been renamed, install these -> npm install @mui/material @emotion/react @emotion/styled and then import { Container, AppBar, Typography, Grow, Grid } from '@mui/material' and your photo should load.
thanks so much man i got stuck here too
thanks a lot man I had problem and you solution solved it.
Your channel is real gem for serious JavaScript developers. I subscribed.
Thank you for the video. As you probably read, the Redux part gets confusing because too many files are created before they are actually needed. As a course builder myself and a student at the same time, I recommend you use the top-down approach next time. It drastically improves understanding.
Top down design is this. Let's say the end goal is to have a button that makes the car accelerate: Top down design would start by the end. Ex:
the end: call to the function = = = > function accelerate()
now go to the definition = = = > function accelerate() { import speed and call speed = = > newSpeed = speed() * 4;}
now create a new file to define speed and export it.
This way students know clearly why and how things exist and connect together.
As an experienced developer I can find my way around missing explanations, but I am sharing the tip for future videos you will make and for newbies subscribers.
Strongly agree with you. This tutorial is not properly arranged, gets confusing with names used and the sequence of how it was used.
Love this video for being informational while having great pacing and editing - you clearly put in a lot of work making this and it shows.
Thank you!
1:05 We can move onChange function outside the TextField element and use the following syntax:
const handleChange = (e) => {
setPostData({
...postData,
[e.target.name]: e.target.value
});
And inside of TextField call this function:
JS is one of my best tutors on UA-cam. You are giving us so much value for free. Thank you so much.
well.. took over 20 hours to figure out.. but finally did part 1! thankful for you javascript mastery!!!!
Great job Daniel!
Wow, this is amazing!
Short explanation and Quickly continue to the next step without any more bullshit
Thank you!!
@@javascriptmastery Thank you so much for this course
please can you explain this in a lot more detail please for beginners like me it's quite complex to undestand
This really is a fantastic tutorial series. Its such a huge injection of knowledge, but the explanations make it all seem as clear as day.
One of the best MERN course🔥. Thank you JS Mastery 🙏
Glad you like it! 😊
Hey! Are you a 2021 pass out or a working professional? Would you be interested to explore web development job opportunities?
@@shivanigaddagimath6105 I'm a working professional.. but yes I would be interested to explore job opportunities..
@@sivalingams.k3521 That's great! Can we please get in touch via LinkedIn or mail? Just search Shivani Gaddagimath on LinkedIn and request to connect! The first profile that pops up is mine.
@@sivalingams.k3521 Please get in touch on LinkedIn if interested.
Just completed this whole video along with performing and it was really great!!!!!! Thank you so so much, it helped me a lot. But one thing I would like to let all the viewer know that nodemon for me caused a little issue maybe due to version changes of 2021. So I did not use it and used this,
"scripts": {
"start": "node --experimental-modules index.js"
},
so maybe this might help if someone gets the error of
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module:
All the best to everyone and thank you so much JavaScript Mastery!!!
Hey! Are you a 2021 pass out or a working professional? Would you be interested to explore web development job opportunities?
the posts/post part game me a mini headache, but this is a gold mine, my time was well spent and thank you so much for the knowledge you shared.
Hey Prathamesh! Are you a 2021 pass out or a working professional? Would you be interested to explore web development job opportunities?
@@shivanigaddagimath6105 sure, what opportunities do you have?
@@prathameshtakane7354 We are a web development company and currently looking to hire freshers and experienced candidates for web developers roles. It is a full-time position. Can we please get in touch via LinkedIn or gmail for more details?
Amazing stuff. Exactly what I needed. Thank you so much for this.
Thank you!
I have learnt and got some experience in React. Then nowadays I am learning Backend.
I really wanted this to know how to connect everything and deploy....better timing
😇❤️
I'm glad my video was helpful 👌
Thank You Adrian, this is some high level content. As always your way of explaining was on point. thank you for being our Javascript master.
Hey Jay! Are you a student or working currently? Would you be interested to explore job opportunities in web development?
I can't thank you enough for this! Liked and subbed! Will also recommend this to my classmates and peers. You deserve all the love!
Thank you! 🙌
this is some next level teaching ! Never thought MERN could be that Simple !! Hats off, Amazing Programmer !!
Thank you for helping out a brand new web developer learn the MERN stack. I appreciate it very much. You have no idea how much I appreciate it. I am celebrating tonight because of you.
Finally I learned how to upload image to MongoDb! Thank you so much❤️
Glad you like it!
Can you tell me how please?
@@emreerkorkmaz4865 It's in the video, you convert the image to base64 then store it in MongoDb
@@ahmadmuslih I've fixed the error. Thank you.
Edit: Solution is simple. It was a typo. Check your code or use typescript instead.
yeah that right
well when this tutorial coming. 2020 isn't too bad at all. Amazing tutorial dude!
Thank you!
Thank you Adrian..for your decision to make video to accessible to all.I have liked, subscribed, and comment on your channel...all the best for your future growth ..
Thank you so much!
I really like the fact that you take some time to read the comments and replay some!! master+ empathetic, thanks bud
i too going through udemy MERN project bro, but this looks more spicy to build!! thank again! waiting some ecommerce type bro!
E commerce coming soon!
@@javascriptmastery Can't wait.
@@javascriptmastery Hi, talking about ecommerce, do we should use SQL Db over NoSQL for website like ecommerce ?
Thanks for this content i really appreciated , regards from Chile
Keep going!
Greetings to Chile!
This is great man, keep making the mster of js....
Will do
@@javascriptmastery Can yo make Vue and Nuxt tutorial with firebase auth and data persistence?
Am a fun of react js, but learn VueJs is also...
Any body supporting the same to like.
I have just finished part one and for the first time, I have understood how to connect the backend to the front-end.
Great tutorial
Teleqram me 👆⬆️.
thank you so much man, I lost my bootcamp projects due to mongoDB conversion to atlas, and after struggling for awhile your video helped me fix that.
I am halfway through this and this is amazing. I just finished my coding class on the MERN stack. This is my first project. Nice and easy to follow. Great explanations on what is happening.
Where did you get this coding class on the MERN stack?
You are helping us. I'm from Bangladesh. God bless you.
Thank you!
I am also from Bangladesh.
Me too
@@crypticcoding9680 are you available in Facebook?
if you're getting Error: `useFindAndModify` is an invalid option. as an error, dont need to add this line anymore, its deprecated.
Thanks!
THANK YOU
MVP!
Thank you
Thank you man ❤️
Thank you for this first part. I really am a code-along learner and this was a very good project to code along with!
hey could your help me i followed the code line by line but im getting an error
PS F:\memories-app\server> npm start
> server@1.0.0 start F:\memories-app\server
> nodemon index.js
[nodemon] 2.0.15
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node index.js`
F:\memories-app\server
ode_modules\express\lib\application.js:355
return this.settings[setting];
^
TypeError: Cannot read property 'case sensitive routing' of undefined
at Object.set (F:\memories-app\server
ode_modules\express\lib\application.js:355:25)
at Object.enabled (F:\memories-app\server
ode_modules\express\lib\application.js:422:23)
at Object.lazyrouter (F:\memories-app\server
ode_modules\express\lib\application.js:140:27)
at Object.use (F:\memories-app\server
ode_modules\express\lib\application.js:214:8)
at file:///F:/memories-app/server/index.js:8:13
at ModuleJob.run (internal/modules/esm/module_job.js:169:25)
at async Loader.import (internal/modules/esm/loader.js:177:24)
at async Object.loadESM (internal/process/esm_loader.js:68:5)
[nodemon] app crashed - waiting for file changes before starting...
Javascript Mastery is the best youtube tutor. Thank you for your exceptional teaching and knowledge brother
Great tutorial. Just a suggestion the body-parser module is available in the latest version of express so we do not need to import it separately
Thanks!
True but Not all functionalities of body parse are present in the express.
Hey Ashutosh! Are you a 2021 pass out or a working professional? Would you be interested to explore web development job opportunities?
@@shivanigaddagimath6105 actually I’m a seafarer 2008 pass out and learning coding as a hobby
@@decentralmultiverse6719 ok was not aware of that
Thank you for making this free!!
Of course!
Africa~kenya is growing because of you thank you for a good job, personally you've helped me.
thank you dude. world is spinning around because of the guys like you.
Just 1.9K more subscribers to 100K 😁 you deserve a 100M bro
Thank you!
A complete MERN stack project should have..
* Authentication & Authorization
* Pagination
* Search & Filter
* Multi-user role with relational data.
I hope you also covered these things in this project.
A project-based tutorial is incomplete, but these topics.
If the upcoming parts of this project go well, I'll add all of these features one by one :)
@@javascriptmasteryThanks for your reply. Yet, I didn't get any tutorial that covers all those things.
Hope, your tutorial will be the best tutorial on this topic.
@@javascriptmastery how about catch server?
For some reason I need to put "start": "node --experimental-modules index.js " into package.json otherwise it didn't run. But huge thanks for the tutorial, nicely structured, everything explained nicely and slowly.
Thanks!
I think it's because you are using an older version of node JS, like in node 12 you need to put "node --experimental-modules index.js" to work with JS modules but if you are using node 14 or above you just need to put "type: 'modules'" in your package.json to make it work.
Hi, I loved the course. I am a complete newbie and have never coded in my life but wanna get into it. Was very easily understandable. Just one small correction which is not even relevant to the MEAN stack- about styling - for spacing between form input fields - use [ margin="normal" ] in each element in the Form.js inside the Form folder.
Really grateful for such an amazing project.
Good looking out man. Great addition to the community 👍
Best channel and best teach
Thanks!
Those who are facing difficulty with installation of material-ui , because it is not compatible with latest react version 18. so do
1. go to client --> package.json --> dependencies --> rename react 18.20 to 16.4.0 same with react dome
2 npm install
3 Now try installing material-ui.
Great tutorial, css and the material-ui was kind of a pain in the ass
thank you for making it free man, you are my favorite dev youtuber
Thank you! ❤️
love the tutorial!just one note for those who are starting with it: import xxxx from ''xxxx'' doesn't work, require('''') is ...well required (sorry about that:)
Same goes with exporting routes, instead of regular *export deafult router* it has to go with module.export=router
It is one of the courses I recommend.
File names may be different in the future.
Being a beginner it was a little difficult for me to figure out which file needs to be modified, having the same name in different folders.
Maybe it's not a bad idea to name the files: posts.js to be posts_controller.js and posts_routes.js or posts_01.js and posts_02.js ...
The rule can be applied to other files as well.
Thank you
you must be a boss right now
Nice one =) just one little tip. By installing npm dotenv you can import "dotenv/config.js"; and then have global variables like mongoose uri in a seperate .env file. Which u can access like process.env.MONGO_URI
I am getting error which is....
"URI must include hostname, domain name , and tld"
Please help🙏🙏
@@aniketsharma6766 Do you installed dotenv? Then import "dotenv/config" to read the .env. inside the env must be the MONGO_URI = "HERE THE URI STRING FROM MONGODB ATLAS"
@@julianvogel1277 no I am going as per the tutorial. In the video he hasn't done anything like that😥😥
@@aniketsharma6766 So you set the uri string directly?
@@julianvogel1277 yes exactly like shown in video. Now nodemon is not running. Please help
crazy how i hadn't come across your channel before now. Very detailed and concise explanations. Thanks. Great delivery. Great work.
This tutorial is better than the bootcamp I went to 👏 Thank You
Amazing course I really appreciate the work you put into this. It is a lot of value packed in two videos.
Hi all, app.use(express.json()) can be used instead of body parser to convert incoming requests to javascript objects
so i have to write limit 30 mb and extended true in app.use(exprees.json({limit:"30mb", extended:true})) this way ???