MERN Stack Tutorial - Book Store Project

  Рет қаралды 484,107

freeCodeCamp.org

freeCodeCamp.org

Күн бұрын

Пікірлер: 497
@DevEmpower
@DevEmpower 11 ай бұрын
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
@atlmattador
@atlmattador 11 ай бұрын
I commented on the video on your channel. thanks
@DevEmpower
@DevEmpower 11 ай бұрын
@@atlmattador You're welcome 🌹
@atlmattador
@atlmattador 11 ай бұрын
@@DevEmpower i look forward to your reply on your video. at a standstill with it. thanks
@kanishk1149
@kanishk1149 8 ай бұрын
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.
@DevEmpower
@DevEmpower 8 ай бұрын
@@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😊.
@marvellousodili5941
@marvellousodili5941 Жыл бұрын
The Chanel is Changing my life, I was just thinking how to learn backend and boom this video
@DevKhalid
@DevKhalid Жыл бұрын
Same 😂
@OverallGamer03
@OverallGamer03 Жыл бұрын
Bruh same
@jagrititripathi8308
@jagrititripathi8308 Жыл бұрын
Same
@ci6516
@ci6516 Жыл бұрын
How is a nosql backend learning backend .
@pstrokeslibsarctic
@pstrokeslibsarctic 10 ай бұрын
Yeah I would love some Chanel to change my life too, kinda too expensive tho.
@mycodeacademy189
@mycodeacademy189 9 ай бұрын
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
@Dieregorn
@Dieregorn Жыл бұрын
I appreciate this so much as a self taught fullstack student. My favourite side of the internet
@taborgreat
@taborgreat Жыл бұрын
the only time you fail is when you give up !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! goodluck dieregorn!
@moestaxx286
@moestaxx286 Жыл бұрын
same. how is your journey going bro?
@PabloSanDev
@PabloSanDev 11 ай бұрын
same here, i love fCC
@kullanckullanc6077
@kullanckullanc6077 11 ай бұрын
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.
@sabatauqeer1
@sabatauqeer1 8 ай бұрын
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
@Paddington-official
@Paddington-official 2 ай бұрын
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!
@karlmeiermattern2331
@karlmeiermattern2331 12 күн бұрын
​@@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
@julianifesiokwu8088
@julianifesiokwu8088 Жыл бұрын
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!!!!!
@ahmadarab1312
@ahmadarab1312 Жыл бұрын
Very nice how long have you been working on coding ?
@apr670
@apr670 7 ай бұрын
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_hu85ghjo
@I_hu85ghjo 9 ай бұрын
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
@anandrp8456
@anandrp8456 Жыл бұрын
I refreshed my one year with one hour. Thank you :)
@DevEmpower
@DevEmpower Жыл бұрын
🌹
@m.c1299
@m.c1299 8 ай бұрын
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
@webwisesagar
@webwisesagar 11 ай бұрын
Best tutorial for the developer who wants to learn how to integrate nodejs with React and also want to revise the node.js
@aayushsingh74
@aayushsingh74 Жыл бұрын
I love this channel because of tutors like you, this channel really helped me to become a self taught Full Stack Engineer.
@abhishekcode
@abhishekcode Жыл бұрын
Are u working}
@aayushsingh74
@aayushsingh74 11 ай бұрын
@@abhishekcode yes brother
@KavithaSingh-h9k
@KavithaSingh-h9k 8 ай бұрын
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
@surajithalder3154
@surajithalder3154 11 ай бұрын
One of the best explanation in all over internet, i just love the level of simplicity he explained 👏👏🤝🤝
@ubaidullah-q8m
@ubaidullah-q8m Жыл бұрын
just completed the tutorial took almost 13 hours over the span of three days, overall nice tutorial👍👍
@DevEmpower
@DevEmpower Жыл бұрын
Glad to hear that
@omkar00097
@omkar00097 Жыл бұрын
Hey bro can send the project
@fuckyoudurov
@fuckyoudurov Жыл бұрын
@@omkar00097 check description and there you can see a github link to the project
@garimanagarwal1571
@garimanagarwal1571 Жыл бұрын
.find and .create methods are not working
@ubaidullah-q8m
@ubaidullah-q8m Жыл бұрын
@@garimanagarwal1571 share error and code(github)
@aloysiuschinemerem2648
@aloysiuschinemerem2648 Жыл бұрын
I really appreciate this tutorial as a FullStack self taught developer.
@Parijat-l7r
@Parijat-l7r Жыл бұрын
Great! Just what I can spend the weekend with. Thank you!
@shanawazbahadur7950
@shanawazbahadur7950 11 ай бұрын
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
@NebojsaPavlovic-c2t
@NebojsaPavlovic-c2t 10 ай бұрын
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
@Maverick-sv5qt
@Maverick-sv5qt 9 ай бұрын
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!
@timstongaming
@timstongaming 6 ай бұрын
Do you have any beginners backend project links?
@fruitcover
@fruitcover 11 ай бұрын
Wow, this MERN stack tutorial is an absolute gem! 🌟 The way you effortlessly navigate through MongoDB, Express, React, and Node.js is truly commendable. Your explanations are clear, concise, and make the entire MERN development process feel like a captivating journey. I appreciate how you break down complex concepts into easily digestible chunks, making it accessible for both beginners and seasoned developers. The seamless integration of frontend and backend technologies showcased in this video is not just informative but also a visual delight. Your passion for MERN stack development shines through, and it's contagious! Watching this tutorial has not only expanded my understanding of these technologies but has also inspired me to embark on my own MERN projects with newfound confidence. Thank you for sharing your expertise and making learning such a joyful experience. Looking forward to more insightful content from your channel! 👏🚀 #MERNStack #CodingJoy #TechExcellence
@traezeeofor
@traezeeofor 10 ай бұрын
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.
@mohammadfazal849
@mohammadfazal849 9 ай бұрын
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!
@arshadyasir4725
@arshadyasir4725 Ай бұрын
Literally the best video out there for beginners
@MDABDULMOMINRiyadh
@MDABDULMOMINRiyadh 10 ай бұрын
I'm glad to have completed the full projects, and I'm looking to develop adding book covers/images and an authentication process.
@asheesh1540
@asheesh1540 Жыл бұрын
i love this channel,and when i get my first job preety soon , i will donate for you guys to continue this wonderful service
@elijahsalvator
@elijahsalvator 9 ай бұрын
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
@huongpham3580
@huongpham3580 Ай бұрын
have my full stack interview coming within 2 more days. thanks for a good video.
@michaelokolo6359
@michaelokolo6359 9 ай бұрын
Thank you so much. This tutorial was really helpfully. I successfully completed my first MERN stack application
@Abhilashsetty
@Abhilashsetty Ай бұрын
Completed my First MERN project
@wedho_lifeInquisitor
@wedho_lifeInquisitor 5 ай бұрын
the most valuable hour of yoututbe. Very quick but touching on important points
@Yonatan2479
@Yonatan2479 9 ай бұрын
this guys accent is soo thick i barely understood what he was saying yet i understood what was happening 10/10
@Yonatan2479
@Yonatan2479 9 ай бұрын
only MERN project tutorial that ive completed great work!
@_Kunal_Pawar
@_Kunal_Pawar 6 ай бұрын
Thanks so much for sharing this! I learned a ton, especially about how the frontend and backend play together. Really insightful stuff!
@terokmaximus6841
@terokmaximus6841 Жыл бұрын
Just finished the whole tutorial.. It was so awesome..teacher is very good. Learned lot of new things.. Now im gonna deploy this.
@crosswalker45
@crosswalker45 Жыл бұрын
hello,,, can you plz explain how your'e going to upload this project?
@terokmaximus6841
@terokmaximus6841 Жыл бұрын
@@crosswalker45 you can deploy the backend to render and use that api link in front end.. You can host the fronted to netlify.
@crosswalker45
@crosswalker45 Жыл бұрын
​@@terokmaximus6841how can I do that? Can you refer me any good video/blog?
@HonestGuy-xg7vl
@HonestGuy-xg7vl Жыл бұрын
​@@terokmaximus6841also say how to deploy backend website projects.
@abhishekcode
@abhishekcode Жыл бұрын
​@@terokmaximus6841hey could you please help me I hv some questions}?
@besta7044
@besta7044 5 ай бұрын
day 1= done day 2 = done Finished thank you so much for the content.
@MaiChaMH
@MaiChaMH 5 ай бұрын
This Full tutorial is so magical
@hossamjunaidy7914
@hossamjunaidy7914 4 ай бұрын
What a great intense course!, really enjoyed it and got so much experience and knowledge, keep up the good work! Thanks a lot
@faizansiddique2447
@faizansiddique2447 Ай бұрын
Excellent tutorial ❤❤❤ for beginners, you teach us how can implement the code in the better way
@mohammadz5474
@mohammadz5474 2 ай бұрын
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
@Rootblack04
@Rootblack04 5 ай бұрын
Thanks a lot, this was my first build of a MERN project and I gained a lot from it.
@nounou3552
@nounou3552 Ай бұрын
Thx❤ You really helped me understand a simple project.
@Pareshbpatel
@Pareshbpatel 5 ай бұрын
A MERN Stack Mini-Application with full CRUD functionality, so clearly explained. Thank you very much. {2024-06-06}, {2024-06-07}
@SaifKhan-ee7yn
@SaifKhan-ee7yn Жыл бұрын
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!!
@nernaykumar1481
@nernaykumar1481 Жыл бұрын
Certainly, I hope that watching this video will help me succeed in my job interview.😂
@BeyondTheLog108
@BeyondTheLog108 11 ай бұрын
Finally Completed the project Thanks🥰
@betoduarte9207
@betoduarte9207 9 ай бұрын
such a great tutorial and good pace. I especially love the middleware and other node js dependancies that you chose to use--thanks thanks!
@redon638
@redon638 Жыл бұрын
Now I can add these to my resume
@ahmadarab1312
@ahmadarab1312 Жыл бұрын
Its nice code camp released new projects all the time because tech is changing so fast its nice to have up to date videos
@sahilsagwekar
@sahilsagwekar Жыл бұрын
10:51 the schema is updated but the model is still named "Cat", you need to change it to "Book"
@muneeburrehman547
@muneeburrehman547 Жыл бұрын
now shown in the video but he definitely would have changed it😂😂😂😂😂😂
@dudjcjtue9w91
@dudjcjtue9w91 Жыл бұрын
also _id: String , to include in book model? 404 request are not working
@wa1ead
@wa1ead 5 ай бұрын
THANK YOU FOR THIS VERY HELPFUL CRASHCOURSE !
@Zycon10
@Zycon10 11 ай бұрын
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.
@allsparky
@allsparky Жыл бұрын
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!
@ahmadarab1312
@ahmadarab1312 Жыл бұрын
Very good how long have you been coding ?
@Delhi_University_student
@Delhi_University_student 2 ай бұрын
Best start for beginners
@ainbrisk545
@ainbrisk545 7 ай бұрын
very nice tutorial, as a intermediate dev the speed was nice.
@bretkonsavage997
@bretkonsavage997 Жыл бұрын
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:
@jharls84
@jharls84 10 ай бұрын
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.!
@abhivera2446
@abhivera2446 Жыл бұрын
Took me 6 hours to complete this course and make project ...Nice MERN refresher
@soaib-youtube-aatz
@soaib-youtube-aatz Жыл бұрын
same here brother
@a45rohitphatak42
@a45rohitphatak42 Жыл бұрын
can you please help me? my tailwind css isnt working for some reason.
@soaib-youtube-aatz
@soaib-youtube-aatz Жыл бұрын
@@a45rohitphatak42 could you please mention time stamp
@vaishnavisingh4882
@vaishnavisingh4882 7 ай бұрын
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!!!!!!!!!!!!!!!!!!!!!!!
@MukeshKumar-tu9iw
@MukeshKumar-tu9iw 6 ай бұрын
one of the best video to learn mern👏👏👏
@meganova609
@meganova609 Жыл бұрын
amazing performance , my man beated 12 hours long boring video into shot video covering all aspects without wasting time
@DevEmpower
@DevEmpower Жыл бұрын
Thanks for Your comment
@meganova609
@meganova609 Жыл бұрын
@@DevEmpower always be there for the dev community
@hacker.positif
@hacker.positif 5 ай бұрын
If you don't understand English, this course helps you
@chinchilimohit2600
@chinchilimohit2600 7 ай бұрын
Great tutorial! Simple project explaining the basics well.
@AbdullahM-lc7le
@AbdullahM-lc7le 6 ай бұрын
great work brother,learned more from this.thank you, need more project like this
@DifficultWorld7
@DifficultWorld7 Жыл бұрын
Aaah something I was looking for Thanks
@sachinbhujel909
@sachinbhujel909 Жыл бұрын
I was waiting for this video 😊
@mohamedjamaludeen7179
@mohamedjamaludeen7179 9 ай бұрын
Very good Step by Step teaching...😊
@dionysus_gameplayandreview6024
@dionysus_gameplayandreview6024 9 ай бұрын
Thanks so much for this course. The best course for the beginner easy to learn MERN stack
@rogut8
@rogut8 11 ай бұрын
@DevEmpower - thank you so much. Fantastic tutorial and great way of explaining. Plain and simple
@shahriar_ferdous
@shahriar_ferdous Жыл бұрын
Waited for this one
@kullanckullanc6077
@kullanckullanc6077 11 ай бұрын
Finding a job can be really hard these days. You keep applying for positions, but often, you get turned down. The software industry has become very complicated, with lots of people applying for the same jobs. Some people send out 50 to 60 job applications every day, and some have even sent out as many as 700 applications in total. This constant rejection can be tough on people and make them feel discouraged.
@anujnegi9653
@anujnegi9653 Жыл бұрын
Great video!! Pasting all the code instead of writing it really kept the video from going boring/tedious.
@mohammednasik6990
@mohammednasik6990 11 ай бұрын
Thank you so much man, wonderful teaching
@spicy_bala
@spicy_bala 11 ай бұрын
Great Teacher
@al4n250
@al4n250 10 ай бұрын
Awesome video before it I had no clue about MongoDB now I can make my db and some full stack apps. Thank you!
@madhushraba
@madhushraba 10 ай бұрын
awesome tutorial, learnt a lot handson, really appreciate.
@Thecodestar
@Thecodestar Жыл бұрын
Always ready for coding
@WebAppMeta
@WebAppMeta Жыл бұрын
Another hell tutorial toward getting a job
@brahimst5601
@brahimst5601 4 ай бұрын
thank you maan , thats very useful , we appreciate that a lot
@Srihari-Developer
@Srihari-Developer 8 ай бұрын
Loved this tutorial!
@lias934
@lias934 6 ай бұрын
*Mind-blowing dude! Loved this! Thanks a bunch* ❤❤ 💯💯 ⚡⚡ _P.s.- must have basic knowledge of MERN STACK before delving into project making!_ Happy coding! 😊
@Jafarscript
@Jafarscript 9 ай бұрын
I really enjoyed the tutorial. Easy to understand😉😉
@Trex2006
@Trex2006 Жыл бұрын
#SheriyansCodingSchool the best coding school in india
@Jaco_codeeza
@Jaco_codeeza 4 ай бұрын
Thank you. Was a very good tutorial. Shared it with the students at our bootcamp - Codeeza
@eriikelnino6545
@eriikelnino6545 7 ай бұрын
I learnt a lot .. linking the frontend with backend ..Thank you so much for this beautiful crash course
@vaishnaviak5764
@vaishnaviak5764 2 ай бұрын
very well explained thank you!
@prathameshlokhande378
@prathameshlokhande378 2 ай бұрын
bro Currently i am trying to access mongDB why it is asking for billing Address/money ? is it somet changed in MongoDB policy ?
@vaishnaviak5764
@vaishnaviak5764 2 ай бұрын
@@prathameshlokhande378 refer the video properly we have to choose a free trial option in mongo db
@alihassanhaji2830
@alihassanhaji2830 Жыл бұрын
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 👌👌👌
@addictbassfreak
@addictbassfreak 9 ай бұрын
awesome tutorial. i need this so much!
@yazmuratovezov4625
@yazmuratovezov4625 Жыл бұрын
Very good and simply explanation. Thanks
@josephakumu6416
@josephakumu6416 Жыл бұрын
What a tutorial! Too Good. Wonderful!
@lukemccollum528
@lukemccollum528 8 ай бұрын
if youre having errors with db authentication, remove the around your password after root: (make sure you write the password you chose as well)
@shaktixtha
@shaktixtha 11 ай бұрын
Simple and awesome tutorial 🤘👏
@Budgie27-v8i
@Budgie27-v8i 3 ай бұрын
If your database is not connecting make sure you got rid of the tags in when entering your password in the url
@nishanmazumder6403
@nishanmazumder6403 5 ай бұрын
your voice like a Voldemort. very gentle 🪄
@colindmg
@colindmg Жыл бұрын
Excellent work but it was maybe too fast to follow (I made it to the end in almost 4 hours instead of one hour because I needed to pause etc. to really understand what I was doing. But excellent tutorial despite it !
@onigbindedavid6630
@onigbindedavid6630 9 ай бұрын
No ds is fast n so lovely ❤❤❤❤❤
@rajaRaja-vq5vo
@rajaRaja-vq5vo 6 ай бұрын
excellent tutorial ..enjoyed it
@ramsem5151
@ramsem5151 Жыл бұрын
please make video on how to host Frontend and Backend on AWS.
@MissyDowner
@MissyDowner Жыл бұрын
Yes! I vote this one!
@cykoravi
@cykoravi Жыл бұрын
Amazing project
@ankita6718
@ankita6718 9 ай бұрын
Thanks for the video. Really appreciate it!
@real0g7586
@real0g7586 4 ай бұрын
when react parts starts my brain : 🧨💣🤯🤯🤯💥💥
@stephenkinnear7442
@stephenkinnear7442 7 ай бұрын
Thanks for this video, Helped allot. Keep up the good work.
@bimsarajayasena-jr9bd
@bimsarajayasena-jr9bd 7 ай бұрын
crystal clear,thank you very much
How to OVER Engineer a Website // What is a Tech Stack?
11:20
Fireship
Рет қаралды 2,5 МЛН
Learn Express JS In 35 Minutes
36:03
Web Dev Simplified
Рет қаралды 844 М.
ЛУЧШИЙ ФОКУС + секрет! #shorts
00:12
Роман Magic
Рет қаралды 37 МЛН
БУ, ИСПУГАЛСЯ?? #shorts
00:22
Паша Осадчий
Рет қаралды 2,6 МЛН
Увеличили моцареллу для @Lorenzo.bagnati
00:48
Кушать Хочу
Рет қаралды 7 МЛН
Brutally honest advice for new .NET Web Developers
7:19
Ed Andersen
Рет қаралды 250 М.
Do NOT Learn Kubernetes Without Knowing These Concepts...
13:01
Travis Media
Рет қаралды 321 М.
The M4 Mac Mini is Incredible!
11:45
Marques Brownlee
Рет қаралды 5 МЛН
Master React JS in easy way
12:18
Nova Designs
Рет қаралды 122 М.
What’s Up with Laravel? It’s Everywhere, and Here’s Why!
6:22
CRUD API Tutorial - Node, Express, MongoDB
1:33:14
freeCodeCamp.org
Рет қаралды 287 М.
Build an e-commerce site... with a twist - Web Dev Challenge S1E3
26:20
Learn With Jason
Рет қаралды 209 М.
Web Developer Roadmap (2025) - Everything is Changing
25:02
ByteGrad
Рет қаралды 408 М.
ЛУЧШИЙ ФОКУС + секрет! #shorts
00:12
Роман Magic
Рет қаралды 37 МЛН