My dear friends, I'm glad to be here. Thanks for watching this tutorial. Some of You have problems on different parts of this tutorial. But I cannot see the notifications of this video. In order to debug your codes: Please go to my channel and go to playlists section. There You can find the playlist of this tutorial in 22 tiny parts. I kindly ask you to implement codes exactly as those parts and in any time you faced an error or bug, please leave a comment there and talk about Your problem, This way, it is easier to debug the codes. Best, Mohammad
Although the title suggests - for beginners , you did not explain it in the way it should be for beginners. Could have written the code instead of copy pasting the code.
@@kanishk1149 I respect your opinion. Let me explain about this video: The main purpose of a tutorial is to show You how You can implement something. So, in this video I explained everything line-by-line completely from scratch. And I showed the commands word by word. It is not a copy-pasting. In copy-pasting, The instructor will paste 100 line of codes and then just give you a quick overview of it😊.
My First MERN Stack Application, completed in just 3 days as a begginer🤩🤩 seeing Mohammad Tahir as a mentor so glad. nice efforts to you and great for the channel
Excellent work. This is my first full stack project to understand the connection between frontend and backend. Its a small project and the tutor really explained very important concepts in a concise one hour video. Excellent work. I have been looking for such as I am already a frontend and started delving into backend. THIS IS SO HELPFUL. YOU WONT REGRET IT. JUST ONE HOUR AS WELL. THANK YOU SO MUCH!!!!!
Very fast paced, clear and well instructed combined with the fundemental knowledge to get you started while also coding an application. One of the better tutorials i've encountered in my 4 years as self-taugth fullstack developer
this is so cool, as a first time fullstack developer with zero experience, this is just enough to get started I believe so. Kudos!! thank you so much for sharing this tutorial. New subscriber!!!
This was the best full stack video I have ever found I cant believe I understood how to build a basic full stack app in this video better then any other course ive done in the last two years lol
Hello, I have a doubt, so the thing is I have interview to attend, in which they have mentioned mern stack as a requirement, but I don't have any knowledge about this topic Can I add this project for mern stack
This tutorial is excellent for people who knows the individual concepts of backend but unable to create a project by putting all those knowledge together.
those who dont see books in frontend and thier code is correct this may solve your problem as it did work for me check brackets after (book,index) wrong: (book, index) {} correct :(book,index)() hope this helps
The thing is after map() you need to return a jsx like this: {books.map((book, index) => { return ( ......................... Other than this, Mohammad is easily the best teacher I have ever met - so easily and so clearly explained material I have never seen. Hats down, respect! Please don't stop teaching, we need you!
@@Paddington-official if you use normal braces after the arrow function (instead of curly braces) that is an implicit return, so no need to add return keyword
Best course for the beginner for the MERN Stack development, who wants to learn MERN by creating a project I found this very helpful in brushing up all my skills as the project was in the most structured way possible
Dear Mohammad, I recently had the opportunity to go through your MERN app tutorial and I found it to be quite interesting and useful. The code was clear, to the point and I learned a lot from it. Also, I must point out that I literally had no issues with either part of the tutorial - structure of the app is explained at lightning speed, yet nicely and I had no issues with the packages. I have noticed that a significant portion of the tutorial time was spent typing out the Tailwind CSS code, however I do understand the importance of styling. Think of it as a suggestion to, maybe, do the CSS separately so the focus is more on the MERN-specific aspects, unless you prefer Tailwind which is cool 'cause it looks cool, if anything. Thanks again for the great content! Nebojsa
Wow, this tutorial is absolutely fantastic! 🚀 The step-by-step explanations were incredibly clear, making it easy for me to follow along and understand every concept Thank you so much for creating such an excellent tutorial! It's undoubtedly the best one I've come across. Keep up the great work!
Thanks so much for this. Especially loved the brevity. Speeding things up to show end product quickly. Putting control in the user's hand to pause when necessary, while cconsulting Github files for guidance.
This is a great tutorial for those with frontend knowledge and strong js fundamentals. My tip is don't be intimidated by the code/syntaxes. Focus on the concept on how to build front and backend and how to connect and make them communicate. THANK YOU FOR THIS TUTORIAL!
18:03 If the PUT request for updating isn't working for you: In postman, try checking the Headers section and see if "Content-Type" is set to the value "application/json" If its not there , add it.
38:50 I'm getting Invalid Date on both Create Time and Last Update Time. I've checked the book object and both values are undefined. Am I missing something?
@38:58 none of my db data is coming through to display on frontend. I can see it in dev tools under components -> state but checking my code and matches yours from what I can see. Anyone have any thoughts on what else I should check?
Awesome tutorial. I thought, the front end had bit of unnecessary use of few things which made it difficult to understand the react but, somehow you explained everything. Thanks
At 35:00 after writing the home when i try to run it in browser it is saying "Failed to resolve import "react-icon/md" from "src\pages\Home.jsx". Does the file exists?". I am unable to understand the problem and how to rectify it. !! Please HELP!!
The video was very helpful helped me strengthen my concepts and helped me learn new and better coding practices Thanks a lot for the video!!!!!!!!!!!!!!!!!!!!!!!
I must say Thank You for the incredible guide! It took me about 2 weeks between watching children and helping run a house, but all of it was worth it to see the finished project on screen! Thank you for the awesome, very well-detailed guide!
If nothing is rendering for you around min 35 ensure that in your index.js the order of your middleware is: app.use(cors()); app.use("/books", booksRoute); Why do you need CORS: Because your frontend on local host 5173 is requesting data from your backend on host 5555. You need to share resources across different domains. Why does order matter: Because in Express middleware is applied in the order it is defined, so if you place app.use(cors()) after your routes (app.use("/books", booksRoute);), CORS headers won’t be added to the /books route. You need to move app.use(cors()) above the route definitions.
Other potential issues: - Make sure to setLoading(false) within the catch(error) block in Home.jsx - Ensure you have empty arrow functions in all of the files within the pages folder. If you don't nothing will render.
Excellent tutorial. Lots of details making it very easy to follow along, and the entire application (backend, frontend) was completely functional. Can you please provide guidelines for deploying to a popular hosting site (e.g., Heroku)?
I wanted this kind of crash course to enter Mern stack world in short time Providing the code in Github was an important thing, I advice to copy code when needed from Github so that you can follow along without writing the code, specially Html Css code
It was the most enjoyable course I've evern seen, I understood everything but also I learnt some interestings concepts here. Well explained step by step. I want more courses from @DevEmpower . Good job! :)
Thanks for the tutorial @DevEmpower . I run in to issues while displaying the books from my db. Only the table headers are displayed without the books. I console logged the 'books' state and it is already populated. Not sure why I can't see the data on the table.
Check Your codes with repo bro. If They are populated and you can log them on console, The problem must be from the part that you are mapping over books
@@DevEmpower 35:26 Same here. Checked with the repo and final code is way different from this timestamp. I followed the video and did the same things. I think there's a prob connecting to backend. backend is running and checked with postman. Confused to continue along the video not knowing what's the issue.
i have a issue at 35:27 my screen is not showing the items and i cannot see the edit,delete icons infact nothing is rendering except for the headings of No,title,author,publishYear,Operations. can anyone help me?
Thank you for your video! In case anyone else runs into a similar issue with ShowBook page book fields being being blank I made the mistake of using ' instead of ` within the in Home.jsx and so the ${book._id} wasn't being passed as a parameter doesn't work: works:
My dear friends, I'm glad to be here. Thanks for watching this tutorial.
Some of You have problems on different parts of this tutorial. But I cannot see the notifications of this video. In order to debug your codes:
Please go to my channel and go to playlists section. There You can find the playlist of this tutorial in 22 tiny parts. I kindly ask you to implement codes exactly as those parts and in any time you faced an error or bug, please leave a comment there and talk about Your problem, This way, it is easier to debug the codes.
Best,
Mohammad
I commented on the video on your channel. thanks
@@atlmattador You're welcome 🌹
@@DevEmpower i look forward to your reply on your video. at a standstill with it. thanks
Although the title suggests - for beginners , you did not explain it in the way it should be for beginners. Could have written the code instead of copy pasting the code.
@@kanishk1149 I respect your opinion. Let me explain about this video:
The main purpose of a tutorial is to show You how You can implement something. So, in this video I explained everything line-by-line completely from scratch. And I showed the commands word by word. It is not a copy-pasting. In copy-pasting, The instructor will paste 100 line of codes and then just give you a quick overview of it😊.
The Chanel is Changing my life, I was just thinking how to learn backend and boom this video
Same 😂
Bruh same
Same
How is a nosql backend learning backend .
Yeah I would love some Chanel to change my life too, kinda too expensive tho.
My First MERN Stack Application, completed in just 3 days as a begginer🤩🤩
seeing Mohammad Tahir as a mentor so glad.
nice efforts to you and great for the channel
I appreciate this so much as a self taught fullstack student. My favourite side of the internet
the only time you fail is when you give up !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! goodluck dieregorn!
same. how is your journey going bro?
same here, i love fCC
Doing the project is beneficial, but if you don't have any connections, the job search process may take months, perhaps 6, 8, or even 12 months.
Excellent work. This is my first full stack project to understand the connection between frontend and backend. Its a small project and the tutor really explained very important concepts in a concise one hour video. Excellent work. I have been looking for such as I am already a frontend and started delving into backend. THIS IS SO HELPFUL. YOU WONT REGRET IT. JUST ONE HOUR AS WELL. THANK YOU SO MUCH!!!!!
Very nice how long have you been working on coding ?
Very fast paced, clear and well instructed combined with the fundemental knowledge to get you started while also coding an application.
One of the better tutorials i've encountered in my 4 years as self-taugth fullstack developer
this is so cool, as a first time fullstack developer with zero experience, this is just enough to get started I believe so. Kudos!! thank you so much for sharing this tutorial. New subscriber!!!
I refreshed my one year with one hour. Thank you :)
🌹
This was the best full stack video I have ever found I cant believe I understood how to build a basic full stack app in this video better then any other course ive done in the last two years lol
Best tutorial for the developer who wants to learn how to integrate nodejs with React and also want to revise the node.js
I love this channel because of tutors like you, this channel really helped me to become a self taught Full Stack Engineer.
Are u working}
@@abhishekcode yes brother
Hello, I have a doubt, so the thing is I have interview to attend, in which they have mentioned mern stack as a requirement, but I don't have any knowledge about this topic
Can I add this project for mern stack
This tutorial is excellent for people who knows the individual concepts of backend but unable to create a project by putting all those knowledge together.
those who dont see books in frontend and thier code is correct this may solve your problem as it did work for me
check brackets after (book,index)
wrong: (book, index) {}
correct :(book,index)()
hope this helps
The thing is after map() you need to return a jsx like this:
{books.map((book, index) => {
return (
.........................
Other than this, Mohammad is easily the best teacher I have ever met - so easily and so clearly explained material I have never seen.
Hats down, respect!
Please don't stop teaching, we need you!
@@Paddington-official if you use normal braces after the arrow function (instead of curly braces) that is an implicit return, so no need to add return keyword
One of the best explanation in all over internet, i just love the level of simplicity he explained 👏👏🤝🤝
Great! Just what I can spend the weekend with. Thank you!
Best course for the beginner for the MERN Stack development, who wants to learn MERN by creating a project I found this very helpful in brushing up all my skills as the project was in the most structured way possible
I really appreciate this tutorial as a FullStack self taught developer.
Dear Mohammad, I recently had the opportunity to go through your MERN app tutorial and I found it to be quite interesting and useful. The code was clear, to the point and I learned a lot from it. Also, I must point out that I literally had no issues with either part of the tutorial - structure of the app is explained at lightning speed, yet nicely and I had no issues with the packages. I have noticed that a significant portion of the tutorial time was spent typing out the Tailwind CSS code, however I do understand the importance of styling. Think of it as a suggestion to, maybe, do the CSS separately so the focus is more on the MERN-specific aspects, unless you prefer Tailwind which is cool 'cause it looks cool, if anything. Thanks again for the great content! Nebojsa
Thanks! For this video.
Wow, this tutorial is absolutely fantastic! 🚀 The step-by-step explanations were incredibly clear, making it easy for me to follow along and understand every concept Thank you so much for creating such an excellent tutorial! It's undoubtedly the best one I've come across. Keep up the great work!
Thanks so much for this. Especially loved the brevity. Speeding things up to show end product quickly. Putting control in the user's hand to pause when necessary, while cconsulting Github files for guidance.
This is a great tutorial for those with frontend knowledge and strong js fundamentals. My tip is don't be intimidated by the code/syntaxes. Focus on the concept on how to build front and backend and how to connect and make them communicate. THANK YOU FOR THIS TUTORIAL!
Do you have any beginners backend project links?
just completed the tutorial took almost 13 hours over the span of three days, overall nice tutorial👍👍
Glad to hear that
Hey bro can send the project
@@omkar00097 check description and there you can see a github link to the project
.find and .create methods are not working
@@garimanagarwal1571 share error and code(github)
i love this channel,and when i get my first job preety soon , i will donate for you guys to continue this wonderful service
18:03
If the PUT request for updating isn't working for you:
In postman, try checking the Headers section and see if "Content-Type" is set to the value "application/json"
If its not there , add it.
Wow, what a awesome MERN project - short, crisp and very valuable, from learning perspective ..
38:50 I'm getting Invalid Date on both Create Time and Last Update Time. I've checked the book object and both values are undefined. Am I missing something?
@@_sahildahat_ It is CORS Policy. Watch 22:23
Have you compared Your codes with GitHub repo ?
@CasualCosta how did you fix it
you are missing timestamp:true in your schema see 10:48
try creating a new book from postman or curl
Thank you so much. This tutorial was really helpfully. I successfully completed my first MERN stack application
the most valuable hour of yoututbe. Very quick but touching on important points
10:51 the schema is updated but the model is still named "Cat", you need to change it to "Book"
now shown in the video but he definitely would have changed it😂😂😂😂😂😂
also _id: String , to include in book model? 404 request are not working
Literally the best video out there for beginners
I'm glad to have completed the full projects, and I'm looking to develop adding book covers/images and an authentication process.
Finally Completed the project Thanks🥰
Thx❤
You really helped me understand a simple project.
Amazing!! loved the tutorial, the project was simple and the way the tutor explained was amazing! was easy to follow the tutorial till the end!!
32:30 how does he do those commands so fast?
I was waiting for this video 😊
Very thorough - I appreciated the tutorial very much!
@38:58 none of my db data is coming through to display on frontend. I can see it in dev tools under components -> state but checking my code and matches yours from what I can see. Anyone have any thoughts on what else I should check?
I'm running into the same issue and I have no idea either
Watch the pinned comment please 🌹
Watch the pinned comment please 🌹
27:34 why im geting : 'React' is defined but never used. eslint(no-unused-vars) ???
perfect and fast presentation thanks
Awesome tutorial. I thought, the front end had bit of unnecessary use of few things which made it difficult to understand the react but, somehow you explained everything. Thanks
At 35:00 after writing the home when i try to run it in browser it is saying "Failed to resolve import "react-icon/md" from "src\pages\Home.jsx". Does the file exists?".
I am unable to understand the problem and how to rectify it. !! Please HELP!!
What a great intense course!, really enjoyed it and got so much experience and knowledge, keep up the good work!
Thanks a lot
48:54 i am getting {doesn't provide an export named: 'BooksCard} error although the file has export statement and everything is proper
have my full stack interview coming within 2 more days. thanks for a good video.
Just finished the whole tutorial.. It was so awesome..teacher is very good. Learned lot of new things.. Now im gonna deploy this.
hello,,, can you plz explain how your'e going to upload this project?
@@crosswalker45 you can deploy the backend to render and use that api link in front end.. You can host the fronted to netlify.
@@terokmaximus6841how can I do that? Can you refer me any good video/blog?
@@terokmaximus6841also say how to deploy backend website projects.
@@terokmaximus6841hey could you please help me I hv some questions}?
Certainly, I hope that watching this video will help me succeed in my job interview.😂
Thanks so much for sharing this! I learned a ton, especially about how the frontend and backend play together. Really insightful stuff!
day 1= done
day 2 = done
Finished thank you so much for the content.
Aaah something I was looking for Thanks
Excellent tutorial ❤❤❤ for beginners, you teach us how can implement the code in the better way
A MERN Stack Mini-Application with full CRUD functionality, so clearly explained. Thank you very much.
{2024-06-06}, {2024-06-07}
13:15 I always get error:
{
"message": "Cannot read properties of undefined (reading 'create')"
}
Its nice code camp released new projects all the time because tech is changing so fast its nice to have up to date videos
one of the best video to learn mern👏👏👏
Completed my First MERN project
The video was very helpful helped me strengthen my concepts and helped me learn new and better coding practices Thanks a lot for the video!!!!!!!!!!!!!!!!!!!!!!!
Thanks a lot, this was my first build of a MERN project and I gained a lot from it.
I must say Thank You for the incredible guide! It took me about 2 weeks between watching children and helping run a house, but all of it was worth it to see the finished project on screen!
Thank you for the awesome, very well-detailed guide!
Very good how long have you been coding ?
35:20 I can't see the books in my machine, I can do only createbooks, I checked codes but I can't see problem, can anyone help me about this problem
bracket check brackets after (book,index)
wrong: (book, index) {}
correct :(book,index)()
hope this helps
@@sabatauqeer1 Thanks ... I faced the same problem and resloved it by your guidance
@@udaramanula915 how ?
@@udaramanula915 in where ?
If nothing is rendering for you around min 35 ensure that in your index.js the order of your middleware is:
app.use(cors());
app.use("/books", booksRoute);
Why do you need CORS: Because your frontend on local host 5173 is requesting data from your backend on host 5555. You need to share resources across different domains.
Why does order matter: Because in Express middleware is applied in the order it is defined, so if you place app.use(cors()) after your routes (app.use("/books", booksRoute);), CORS headers won’t be added to the /books route. You need to move app.use(cors()) above the route definitions.
Other potential issues:
- Make sure to setLoading(false) within the catch(error) block in Home.jsx
- Ensure you have empty arrow functions in all of the files within the pages folder. If you don't nothing will render.
Very good Step by Step teaching...😊
This Full tutorial is so magical
such a great tutorial and good pace. I especially love the middleware and other node js dependancies that you chose to use--thanks thanks!
@DevEmpower - thank you so much. Fantastic tutorial and great way of explaining. Plain and simple
Excellent tutorial. Lots of details making it very easy to follow along, and the entire application (backend, frontend) was completely functional. Can you please provide guidelines for deploying to a popular hosting site (e.g., Heroku)?
THANK YOU FOR THIS VERY HELPFUL CRASHCOURSE !
Now I can add these to my resume
great work brother,learned more from this.thank you, need more project like this
Thanks so much for this course. The best course for the beginner easy to learn MERN stack
Why on 13:21 did not work for me??
{
"message": "Cannot read properties of undefined (reading 'title')"
}
still showing this one in postman
I have this error. Do you find solution?
@@forthehord6009 did you ever figure out the solution? im also struggling
Great tutorial! Simple project explaining the basics well.
can you help me getting after setting up every files and folder eventhought there is no error still didn't show any output in browser of frontend
I wanted this kind of crash course to enter Mern stack world in short time
Providing the code in Github was an important thing, I advice to copy code when needed from Github so that you can follow along without writing the code, specially Html Css code
Waited for this one
Thank you so much man, wonderful teaching
I really enjoyed the tutorial. Easy to understand😉😉
very nice tutorial, as a intermediate dev the speed was nice.
I'm getting a blank page for some reason with a warning in the console can someone help? I'm around 30:00
Blank page means react cannot render the component. Check console and send your errors and warnings here
@@DevEmpower thanks i found the problem
@@mhmdmswi2437 what is solution
he forgot to import in App.jsx?
@@dudjcjtue9w91 i wrote Home in the route instead of
i am getting error at 13:00 . when i am clicking on send button there is an error "couldn't send data"
this guys accent is soo thick i barely understood what he was saying yet i understood what was happening 10/10
only MERN project tutorial that ive completed great work!
It was the most enjoyable course I've evern seen, I understood everything but also I learnt some interestings concepts here. Well explained step by step. I want more courses from @DevEmpower . Good job! :)
Thanks for your comment 🌹
thank you@@DevEmpower for this great tutorial
@@PabloSanDev You're welcome 🌹❤
Awesome video before it I had no clue about MongoDB now I can make my db and some full stack apps. Thank you!
Best start for beginners
Took me 6 hours to complete this course and make project ...Nice MERN refresher
same here brother
can you please help me? my tailwind css isnt working for some reason.
@@a45rohitphatak42 could you please mention time stamp
This is Great tutorial🙏
awesome tutorial, learnt a lot handson, really appreciate.
amazing performance , my man beated 12 hours long boring video into shot video covering all aspects without wasting time
Thanks for Your comment
@@DevEmpower always be there for the dev community
Thanks for the tutorial @DevEmpower . I run in to issues while displaying the books from my db. Only the table headers are displayed without the books. I console logged the 'books' state and it is already populated. Not sure why I can't see the data on the table.
Check Your codes with repo bro. If They are populated and you can log them on console, The problem must be from the part that you are mapping over books
@@DevEmpower 35:26 Same here. Checked with the repo and final code is way different from this timestamp. I followed the video and did the same things. I think there's a prob connecting to backend. backend is running and checked with postman. Confused to continue along the video not knowing what's the issue.
@@sadiz9534 Bro I'm answering but TH-cam is deleting my answer 🙄
@@sadiz9534 Which part of repo is different ?
@@DevEmpowerI'm having the same problem, please help
Very good and simply explanation. Thanks
Simple and awesome tutorial 🤘👏
Great video!! Pasting all the code instead of writing it really kept the video from going boring/tedious.
i have a issue at 35:27 my screen is not showing the items and i cannot see the edit,delete icons infact nothing is rendering except for the headings of No,title,author,publishYear,Operations. can anyone help me?
i too have same issue, have you fixed it?
just add rafce to all pages and it will work i had the same issue
@@abinashchhetri5946 not working in my case
i think useEffect is not working or either i am doing something wrong during iterating using map
@durgeshgupta701
{books.map ((book,index) => (
//use this syntex
))}
*Use the correct brakets.
my error was something related to cors policy, it has been rectified
@@MOHITYadav-wh9fe
thank you maan , thats very useful , we appreciate that a lot
awesome tutorial. i need this so much!
Loved this tutorial!
Thank you for your video!
In case anyone else runs into a similar issue with ShowBook page book fields being being blank I made the mistake of using ' instead of ` within the in Home.jsx and so the ${book._id} wasn't being passed as a parameter
doesn't work:
works:
THANK YOU! I caught the issue in my ShowBook.jsx but didn't look in this file yet. You just saved me a bunch of time. YOU THE G.O.A.T.!
Oooh! Wonderful this was something i was looking for please add more project on MERN STACK and as well create about React Native Onces Thnks All 👌👌👌
No ds is fast n so lovely ❤❤❤❤❤