MEAN App From Scratch – MongoDB, Express, Angular 2 & NodeJS



In this video we will build a complete MEAN application from scratch. The MEAN stack includes MongoDB, Express, Angular and Node.js.

MORE UP TO DATE MEAN SERIES

SPONSORS:
DevMountain Bootcamp – https://goo.gl/6q0dEa

12 PROJECT ANGULAR 2 COURSE:
https://www.eduonix.com/affiliates/id/16-10413

12 PROJECT NODE COURSE:
https://www.eduonix.com/affiliates/id/16-10200

10 PROJECT MONGO COURSE:
https://www.eduonix.com/affiliates/id/16-10219

CODE:
https://github.com/bradtraversy/mean_mytasklist

SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH:
http://www.patreon.com/traversymedia

ONE TIME DONATIONS:
http://www.paypal.me/traversymedia

Related Posts
Build A Mean js App In 30 Minutes

In this video we will create a MEAN stack application using the Mean.js generator. We'll create a blog application with Read more

How To Build an Appointment Booking App (Mongo, Express, Angular, Material)

In this tutorial, we'll build a simple appointment booking app, using Mongo, Express, Angular and some Angular Material design components. Read more

Create Real time Chat Application Using Angular, Node.JS and Socket.IO

In today's video we are going to build a real time chat application using MEAN Stack along with Socket.io as Read more

Angular Employee Payroll, Salary App Free download with Source Code

** GitHub code is updated to Angular 7 now. Sharing "Community version" free code for one complete MEAN Stack App Read more

32 thoughts on “MEAN App From Scratch – MongoDB, Express, Angular 2 & NodeJS”

  1. 23:11 – Having problems with mlab I guess. Which now is as mongoDB Atlas. Lots of warning when running, and the API call does not work. Any updateS?

    Reply
  2. I was able to finish the project today. Due to the updates in the Angular and modules and dependencies version from this video I've finished successfully the REST API only. I was a little bit frustrated but checking the ANGULAR CRASH COURSE – 2019 I was able to learn in the opposite way and was capable to develop the Front-end and connect to the previous API. I've started with a Task List and finished with a ToDo list (samething ofcourse).
    Just would like to tell the story here because my wife would not understand why I'm so happy LOL

    Reply
  3. For anyone watching this video in 2019 and would rather use Mysql go to my GitHub and feel free to following along with what I did. https://github.com/tcampbPPU/meanProject

    Reply
  4. i`m doing this tutorial now and i'm having a problem in creating my account for mlab in mongodb ,
    i'm creating it , 100% right username and passoword, it is taking me to the cluster page, and when i want to login as the m.lab account ,
    the site says that my username and password are wrong!

    Reply
  5. if you are using mlab instead of MEAN, why r u calling it a MEAN app from scratch ??
    I mean you can, but it's not right. Cause a MEAN app tutorial should possess mongo node angular & express only and nothing else.

    Reply
  6. MEAN Stack is a free and open-source JavaScript software stack which is used across the world to develop powerful, scalable and secure web applications.

    https://www.endivesoftware.com/mean-stack-development

    Reply
  7. Thank you for this tutorial, I used currently actual version of Angular and I am writing how I managed to made it work.

    I will explain this on multiple comments bellow, please do not reply, just like this comment, if you have question send me in message.

    Reply
  8. Can't we just "npm install -g @angular/cli" for angular now? The instructions on the website are a little different.

    Reply
  9. hello video is really very good and i am following all the steps but the main thing is i am getting error as app is not defined why is that? can you help me it;s urgent

    Reply
  10. In spirit of humanity, you should delete this video. Its old. I was halfway and then angular does not work. Its misleading

    Reply
  11. Whenever I am trying to access localhost:3000/api/tasks the nodemon app is getting crashed and it is failing to connect to mongo server. Can anyone help with this issue?

    Reply
  12. wow. do NOT add any special characters to your mongodb database name. Spent 35 minutes not getting a json respons at 23:35. Made a new database sans _'s and it worked perf. Great tutorial.

    Reply
  13. For anyone using a later version of Angular and gets "Unexpected S at JSON position 0", just use: return this.http.post('http://localhost:3000/api/tasks', item, {headers: headers})
    .pipe();

    Reply
  14. according to your angularJs configuration now i open angular.io but i didn't understand here how can i complete this setup..

    Reply
  15. When trying to run "npm start", the access url gives
    Local: http://localhost:3000
    Ui: http://localhost:3001
    If so then in which port is the server listening??
    How do i get local port 3001 and ui port 3002??

    Reply
  16. I wish this tutorial was done using angular cli. can't get it working by manually creating those setup files.

    Reply

Leave a Comment