Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 1/2]

Поділитися
Вставка
  • Опубліковано 16 січ 2025

КОМЕНТАРІ • 2,4 тис.

  • @henrywitts
    @henrywitts 3 роки тому +163

    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.

    • @javascriptmastery
      @javascriptmastery  3 роки тому +16

      Glad you like it Henry!

    • @javascriptmastery
      @javascriptmastery  2 роки тому +16

      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? :)

    • @henrywitts
      @henrywitts 2 роки тому +6

      @@javascriptmastery yeah of course :)

    • @businessuser5146
      @businessuser5146 2 роки тому

      @@javascriptmastery Hi, is there an updated version of this project that we can start our journey with?

    • @bhartipragya3432
      @bhartipragya3432 Рік тому

      hey, does this course have any pre-requisites? I'm just a beginner, can I still follow without any prior knowledge?

  • @kevgits
    @kevgits 3 роки тому +141

    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!

    • @levihalperin7649
      @levihalperin7649 3 роки тому +10

      I still have a million questions

    • @NetSkillNavigator
      @NetSkillNavigator 3 роки тому +2

      Right, brotha' ! :D

    • @jaypatel5
      @jaypatel5 2 роки тому

      @@levihalperin7649 🤣🤣🤣

    • @usmankhan3051
      @usmankhan3051 2 роки тому

      @@levihalperin7649 You should just ask and clear those here or somewhere else.

  • @mihai-alexandrubujor9826
    @mihai-alexandrubujor9826 4 роки тому +30

    You are definitely not the hero we deserve, but the superhero we needed.
    You, my friend, are awesome!

  • @luluahn
    @luluahn 10 місяців тому +8

    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!

    • @azuboof
      @azuboof 3 місяці тому

      its cus hes super precise with his words and explanation and the sequence of workflow. really well made

  • @monome3038
    @monome3038 3 роки тому +20

    Just want to thank you so much for this amazing course, I never seen any UA-cam channel explain as great as you do.

  • @SCUBAguypnw
    @SCUBAguypnw 4 роки тому +4

    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!

  • @jeremiahdunah8568
    @jeremiahdunah8568 4 роки тому +38

    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 💪💪💪🚀

  • @kaenpe4483
    @kaenpe4483 4 роки тому +7

    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.

  • @mokshithpb7991
    @mokshithpb7991 3 роки тому +9

    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

  • @edpicmcgamson9923
    @edpicmcgamson9923 2 роки тому +6

    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!!

  • @innosam4077
    @innosam4077 3 роки тому +4

    You are a blessing to junior developers like me

  • @afridirahman5464
    @afridirahman5464 4 роки тому +56

    Woah.. This is literally an ultimate mern project to learn for the beginners

    • @javascriptmastery
      @javascriptmastery  4 роки тому +9

      Exactly!

    • @aditya-xt4it
      @aditya-xt4it 4 роки тому +4

      but I am a lot confused from the redux part god help mee......................... ):

  • @adityatiwari811
    @adityatiwari811 4 роки тому +38

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

    • @javascriptmastery
      @javascriptmastery  4 роки тому +3

      Thanks! 😊

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

      Hi Aditya! Are you a student or working currently? Would you be interested in exploring job opportunities in web development?

    • @siddharth3419
      @siddharth3419 3 роки тому +1

      @@shivanigaddagimath6105 hii i am interested u have any ?

    • @bindurenukunta7624
      @bindurenukunta7624 3 роки тому +1

      @@shivanigaddagimath6105 do u have any opportunities?

  • @mukopadavid7854
    @mukopadavid7854 3 роки тому +1

    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

  • @sam1976-y3y
    @sam1976-y3y 3 роки тому +1

    This is the best content of full stack developing that I saw since 1 year of coding, thank you so much.

    • @user-wr9ul
      @user-wr9ul 3 роки тому

      Hi, can a user delete other people's post in this app?

  • @rininrin
    @rininrin 4 роки тому +9

    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!!!

  • @leoortega5420
    @leoortega5420 3 роки тому +4

    Tried looking for good MERN stack tutorials and yours is by far the most impressive one :)

    • @javascriptmastery
      @javascriptmastery  3 роки тому +1

      Thank you!

    • @wonderman8537
      @wonderman8537 3 роки тому

      Hey why is he using body parser when express has all of it built-in 🤨

    • @ffss2000
      @ffss2000 3 роки тому

      @@javascriptmastery What extensions do you use on vscode?

  • @jmrtan7
    @jmrtan7 4 роки тому +33

    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!

  • @KaranSoni-im2sz
    @KaranSoni-im2sz 3 роки тому +1

    UA-cam >>>>>>>>udemy,coursera,edx,etc combined just because of Devs like you...
    Loved this project...

  • @juantellez8989
    @juantellez8989 3 роки тому +5

    Simply one of the best MERN tutorials I've ever seen, congrats and thank you for all your work.

  • @akashdeepnandi
    @akashdeepnandi 4 роки тому +15

    We can't be thankful enough ❤️

  • @shervinmokthari1251
    @shervinmokthari1251 4 роки тому +12

    Thanks senpai! I gotta say you're my favourite teacher/mentor

    • @javascriptmastery
      @javascriptmastery  4 роки тому +4

      Thanks! 😊

    • @shivamvora2285
      @shivamvora2285 4 роки тому

      ua-cam.com/video/nPCfL_fuUk4/v-deo.html looks like linkedin clone with firebase as well easy explanation with github repo

  • @plashless3406
    @plashless3406 3 роки тому +1

    I can say the only one word for you and your channel. "Love".

  • @bullymaguire2335
    @bullymaguire2335 4 місяці тому +18

    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

    • @Zara-pn9im
      @Zara-pn9im 3 місяці тому +2

      thank a lot

    • @lalalanding234
      @lalalanding234 Місяць тому +1

      Thank you!

    • @NainalaManu
      @NainalaManu 22 дні тому

      do you have any issues like post is not displaying properly in further implementation ?

    • @bullymaguire2335
      @bullymaguire2335 22 дні тому

      @@NainalaManu it works fine if u install the dependencies seperately .

    • @bullymaguire2335
      @bullymaguire2335 22 дні тому

      Check in perplexity which version of material ui works well with the react version tht u are using

  • @DonNgethe
    @DonNgethe 4 роки тому +6

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

    • @javascriptmastery
      @javascriptmastery  4 роки тому +1

      Thanks! Coming this Friday!

    • @amrishtembe4063
      @amrishtembe4063 11 місяців тому

      Spent 2 hrs finding this bug for ( { base64 } ). Thanks for the input @DogNgethe

  • @waleedalkathiri2880
    @waleedalkathiri2880 4 роки тому +35

    you really deserve more than like, this channel is more than fantastic❤❤

  • @eternalcalm8080
    @eternalcalm8080 4 роки тому +7

    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.❤💥

    • @javascriptmastery
      @javascriptmastery  4 роки тому +1

      It is finally here! 👌

    • @kanchansharma8454
      @kanchansharma8454 3 роки тому +1

      can you please help me out in fixing my error

    • @eternalcalm8080
      @eternalcalm8080 3 роки тому

      @@kanchansharma8454 whats ur problem idk if i could help you

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

      @@kanchansharma8454 Hey Kanchan! Are you a student or working currently? Would you be interested to explore job opportunities in web development?

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

      Hey Deekshanta! Are you a student or working currently? Would you be interested to explore job opportunities in web development?

  • @neonew339
    @neonew339 3 роки тому +1

    this is probably the best mern app tutorial using redux on youtube.

  • @clipfams8887
    @clipfams8887 3 роки тому +1

    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

  • @asutoshpadhi1119
    @asutoshpadhi1119 3 роки тому +3

    Honestly, the best tutorial on mern stack. Loved it.

  • @fatihklc4022
    @fatihklc4022 2 роки тому +5

    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

  • @manikantamatta4670
    @manikantamatta4670 4 роки тому +4

    thank you bro!!! hope you never stop making amazing tutorials in youtube

    • @javascriptmastery
      @javascriptmastery  4 роки тому

      Thank you! 😊

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

      Hi Manikanta! Are you a 2021 pass out or a working professional? Would you be interested to explore web development job opportunities?

  • @kunjpatel9274
    @kunjpatel9274 3 роки тому +1

    OMG! love your content.
    From this channel I just build 3 projects on React and after that directly I landed a Job 😃

  • @igaimerca
    @igaimerca 3 роки тому

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

  • @jockertar
    @jockertar 2 роки тому +4

    This lecture has everything I wanted to learn and know. Thanks for the kind explanation and high quality project.

  • @markmanson1440
    @markmanson1440 4 роки тому +54

    Wow, you're so selfless. Thank you.

  • @JoonhwanLee
    @JoonhwanLee 4 роки тому +4

    After watched this good introductory course, I started to keep saying myself "that's it" again and again all day long :-)

  • @King-Gilamashur2758
    @King-Gilamashur2758 3 роки тому +1

    I've just started and this is brilliant. You deserve all the success in the world.

  • @sajantamang4926
    @sajantamang4926 3 роки тому +2

    great people on youtube, one is you. Thanks for the course. Trying to learn node.

    • @javascriptmastery
      @javascriptmastery  3 роки тому

      Thanks!

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

      Hey Sajan! Are you a 2021 pass out or a working professional? Would you be interested to explore web development job opportunities?

  • @suryarghya3197
    @suryarghya3197 2 роки тому +2

    Your Tutorials are absolutely brilliant. I cannot thank you enough for teaching new developers like me.

  • @kiruax3574
    @kiruax3574 4 роки тому +11

    This is great, Thanks for your hardwork ❤️

  • @abhaygupta894
    @abhaygupta894 3 роки тому +3

    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.

  • @compiletimeruntime1732
    @compiletimeruntime1732 3 роки тому

    Holy shit..... This really is an under rated channel... The quality of this video is awesome and the project is really helpful..

  • @Noname_57
    @Noname_57 2 роки тому +2

    i love your organization man this is super clean you have no idea how this helped me improve my coding skills ^^ thanks a lot

  • @martycjap2460
    @martycjap2460 3 роки тому +4

    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

  • @danielworkman5839
    @danielworkman5839 3 роки тому +3

    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!

    • @akalyad5465
      @akalyad5465 7 місяців тому

      Whether your backend is connected to the frontend,did you have completed the project,....,.... whether this project will work......pls do response bro.....😢😢😢😢😢😢😢😢😢😢😢😢😢

  • @popcorn7685
    @popcorn7685 3 роки тому +16

    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😂

  • @centaur26
    @centaur26 2 роки тому

    Bro, I cannot thank you enough, this is a wonderful exhibition of JavaScript Mastery(literally). thanks and god bless.

  • @manthosgalimanis4953
    @manthosgalimanis4953 2 роки тому +4

    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.

    • @adamb2147
      @adamb2147 2 роки тому +1

      thanks so much man i got stuck here too

    • @locky916
      @locky916 Рік тому

      thanks a lot man I had problem and you solution solved it.

  • @Kevin-jc1fx
    @Kevin-jc1fx 3 роки тому

    Your channel is real gem for serious JavaScript developers. I subscribed.

  • @andydarc
    @andydarc 3 роки тому +11

    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.

    • @CAPS_AMERICA
      @CAPS_AMERICA 3 роки тому

      Strongly agree with you. This tutorial is not properly arranged, gets confusing with names used and the sequence of how it was used.

  • @mohammadsheikh7564
    @mohammadsheikh7564 4 роки тому +7

    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.

  • @johnconnor9787
    @johnconnor9787 4 роки тому +10

    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:

  • @akanpatrick447
    @akanpatrick447 2 роки тому

    JS is one of my best tutors on UA-cam. You are giving us so much value for free. Thank you so much.

  • @mazorsharp
    @mazorsharp 3 роки тому +1

    well.. took over 20 hours to figure out.. but finally did part 1! thankful for you javascript mastery!!!!

  • @orelhassid5812
    @orelhassid5812 4 роки тому +10

    Wow, this is amazing!
    Short explanation and Quickly continue to the next step without any more bullshit

    • @javascriptmastery
      @javascriptmastery  4 роки тому

      Thank you!!

    • @aditya-xt4it
      @aditya-xt4it 4 роки тому

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

  • @carrotjuice01
    @carrotjuice01 3 роки тому +7

    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.

  • @sivalingams.k3521
    @sivalingams.k3521 4 роки тому +4

    One of the best MERN course🔥. Thank you JS Mastery 🙏

    • @javascriptmastery
      @javascriptmastery  4 роки тому

      Glad you like it! 😊

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

      Hey! Are you a 2021 pass out or a working professional? Would you be interested to explore web development job opportunities?

    • @sivalingams.k3521
      @sivalingams.k3521 3 роки тому +1

      @@shivanigaddagimath6105 I'm a working professional.. but yes I would be interested to explore job opportunities..

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

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

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

      @@sivalingams.k3521 Please get in touch on LinkedIn if interested.

  • @honeypatre
    @honeypatre 3 роки тому +2

    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!!!

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому +1

      Hey! Are you a 2021 pass out or a working professional? Would you be interested to explore web development job opportunities?

  • @prathameshtakane7354
    @prathameshtakane7354 3 роки тому +2

    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.

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

      Hey Prathamesh! Are you a 2021 pass out or a working professional? Would you be interested to explore web development job opportunities?

    • @prathameshtakane7354
      @prathameshtakane7354 3 роки тому +1

      @@shivanigaddagimath6105 sure, what opportunities do you have?

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

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

  • @alexkimeu1248
    @alexkimeu1248 4 роки тому +6

    Amazing stuff. Exactly what I needed. Thank you so much for this.

  • @nijinnazar4760
    @nijinnazar4760 4 роки тому +6

    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
    😇❤️

  • @jayakishore1234
    @jayakishore1234 3 роки тому +3

    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.

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

      Hey Jay! Are you a student or working currently? Would you be interested to explore job opportunities in web development?

  • @nana-zh3eh
    @nana-zh3eh 3 роки тому +2

    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!

  • @rishichoubey5060
    @rishichoubey5060 2 роки тому

    this is some next level teaching ! Never thought MERN could be that Simple !! Hats off, Amazing Programmer !!

  • @gingerroth9534
    @gingerroth9534 3 роки тому +3

    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.

  • @ahmadmuslih
    @ahmadmuslih 4 роки тому +9

    Finally I learned how to upload image to MongoDb! Thank you so much❤️

    • @javascriptmastery
      @javascriptmastery  4 роки тому +1

      Glad you like it!

    • @emreerkorkmaz4865
      @emreerkorkmaz4865 4 роки тому

      Can you tell me how please?

    • @ahmadmuslih
      @ahmadmuslih 4 роки тому

      @@emreerkorkmaz4865 It's in the video, you convert the image to base64 then store it in MongoDb

    • @emreerkorkmaz4865
      @emreerkorkmaz4865 4 роки тому

      @@ahmadmuslih I've fixed the error. Thank you.
      Edit: Solution is simple. It was a typo. Check your code or use typescript instead.

    • @techinfosphere-com
      @techinfosphere-com 4 роки тому

      yeah that right

  • @muhammadrydwan2213
    @muhammadrydwan2213 4 роки тому +4

    well when this tutorial coming. 2020 isn't too bad at all. Amazing tutorial dude!

  • @ranjithg7631
    @ranjithg7631 3 роки тому +1

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

  • @nelsonvarela7529
    @nelsonvarela7529 3 роки тому

    I really like the fact that you take some time to read the comments and replay some!! master+ empathetic, thanks bud

  • @kailashraizelmaden4684
    @kailashraizelmaden4684 4 роки тому +10

    i too going through udemy MERN project bro, but this looks more spicy to build!! thank again! waiting some ecommerce type bro!

    • @javascriptmastery
      @javascriptmastery  4 роки тому +12

      E commerce coming soon!

    • @markmanson1440
      @markmanson1440 4 роки тому

      @@javascriptmastery Can't wait.

    • @werkwerk5113
      @werkwerk5113 4 роки тому +1

      @@javascriptmastery Hi, talking about ecommerce, do we should use SQL Db over NoSQL for website like ecommerce ?

  • @bastianbastias7607
    @bastianbastias7607 4 роки тому +7

    Thanks for this content i really appreciated , regards from Chile
    Keep going!

  • @cleancodez
    @cleancodez 4 роки тому +6

    This is great man, keep making the mster of js....

    • @javascriptmastery
      @javascriptmastery  4 роки тому +2

      Will do

    • @cleancodez
      @cleancodez 4 роки тому +1

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

  • @jackiebobbinne575
    @jackiebobbinne575 Рік тому

    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

  • @fahadzakir6397
    @fahadzakir6397 3 роки тому

    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.

  • @afrosoul4eva
    @afrosoul4eva 3 роки тому +4

    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.

    • @moisesortega6137
      @moisesortega6137 3 роки тому

      Where did you get this coding class on the MERN stack?

  • @habibsarkar6804
    @habibsarkar6804 4 роки тому +6

    You are helping us. I'm from Bangladesh. God bless you.

  • @michaeltrew8102
    @michaeltrew8102 2 роки тому +109

    if you're getting Error: `useFindAndModify` is an invalid option. as an error, dont need to add this line anymore, its deprecated.

  • @vossert
    @vossert 3 роки тому +2

    Thank you for this first part. I really am a code-along learner and this was a very good project to code along with!

    • @ayushdaharia9609
      @ayushdaharia9609 2 роки тому

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

  • @emmanuelkaome7153
    @emmanuelkaome7153 2 роки тому

    Javascript Mastery is the best youtube tutor. Thank you for your exceptional teaching and knowledge brother

  • @AshutoshGhate
    @AshutoshGhate 4 роки тому +9

    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

    • @javascriptmastery
      @javascriptmastery  4 роки тому +2

      Thanks!

    • @decentralmultiverse6719
      @decentralmultiverse6719 4 роки тому +1

      True but Not all functionalities of body parse are present in the express.

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому +1

      Hey Ashutosh! Are you a 2021 pass out or a working professional? Would you be interested to explore web development job opportunities?

    • @AshutoshGhate
      @AshutoshGhate 3 роки тому +1

      @@shivanigaddagimath6105 actually I’m a seafarer 2008 pass out and learning coding as a hobby

    • @AshutoshGhate
      @AshutoshGhate 3 роки тому

      @@decentralmultiverse6719 ok was not aware of that

  • @jonasdesouter581
    @jonasdesouter581 3 роки тому +3

    Thank you for making this free!!

  • @55BLOCKS
    @55BLOCKS 2 роки тому

    Africa~kenya is growing because of you thank you for a good job, personally you've helped me.

  • @ugurismail9109
    @ugurismail9109 2 роки тому

    thank you dude. world is spinning around because of the guys like you.

  • @arihantjain3274
    @arihantjain3274 3 роки тому +5

    Just 1.9K more subscribers to 100K 😁 you deserve a 100M bro

  • @shohagkhan3677
    @shohagkhan3677 4 роки тому +5

    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.

    • @javascriptmastery
      @javascriptmastery  4 роки тому +2

      If the upcoming parts of this project go well, I'll add all of these features one by one :)

    • @shohagkhan3677
      @shohagkhan3677 4 роки тому

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

    • @NhatNguyen-bq6jj
      @NhatNguyen-bq6jj 4 роки тому

      @@javascriptmastery how about catch server?

  • @sensicz
    @sensicz 4 роки тому +6

    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.

    • @javascriptmastery
      @javascriptmastery  4 роки тому +1

      Thanks!

    • @redasalmi9535
      @redasalmi9535 4 роки тому +2

      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.

  • @SiriusBlu
    @SiriusBlu 3 роки тому

    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.

  • @TheJonChristie
    @TheJonChristie 3 роки тому

    Good looking out man. Great addition to the community 👍

  • @madbroxez3510
    @madbroxez3510 4 роки тому +5

    Best channel and best teach

  • @amandixit3555
    @amandixit3555 2 роки тому +3

    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.

  • @theonewhowil
    @theonewhowil 3 роки тому +3

    Great tutorial, css and the material-ui was kind of a pain in the ass

  • @hadrienpoulenc4431
    @hadrienpoulenc4431 2 роки тому

    thank you for making it free man, you are my favorite dev youtuber

  • @cze555
    @cze555 3 роки тому

    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

  • @stefan5083
    @stefan5083 3 роки тому +3

    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

    • @Tech-I-Qu
      @Tech-I-Qu 2 роки тому

      you must be a boss right now

  • @julianvogel1277
    @julianvogel1277 3 роки тому +4

    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
      @aniketsharma6766 3 роки тому

      I am getting error which is....
      "URI must include hostname, domain name , and tld"
      Please help🙏🙏

    • @julianvogel1277
      @julianvogel1277 3 роки тому

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

    • @aniketsharma6766
      @aniketsharma6766 3 роки тому

      @@julianvogel1277 no I am going as per the tutorial. In the video he hasn't done anything like that😥😥

    • @julianvogel1277
      @julianvogel1277 3 роки тому

      @@aniketsharma6766 So you set the uri string directly?

    • @aniketsharma6766
      @aniketsharma6766 3 роки тому

      @@julianvogel1277 yes exactly like shown in video. Now nodemon is not running. Please help

  • @fullStakz
    @fullStakz 3 роки тому

    crazy how i hadn't come across your channel before now. Very detailed and concise explanations. Thanks. Great delivery. Great work.

  • @Alysia.in.Wonderland
    @Alysia.in.Wonderland Рік тому +1

    This tutorial is better than the bootcamp I went to 👏 Thank You

  • @PurrpBeats
    @PurrpBeats 3 роки тому +2

    Amazing course I really appreciate the work you put into this. It is a lot of value packed in two videos.

  • @pulkitsharma9945
    @pulkitsharma9945 3 роки тому +3

    Hi all, app.use(express.json()) can be used instead of body parser to convert incoming requests to javascript objects

    • @laurencerichard3783
      @laurencerichard3783 3 роки тому

      so i have to write limit 30 mb and extended true in app.use(exprees.json({limit:"30mb", extended:true})) this way ???