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

Traversy Media · 512K views · 2016 · 1:16:43

Open on YouTube

Web developmentPython, Ruby & scripting languagestutorialdated

Why Stack Overflow recommends it

Stack Overflow users link it as the tutorial they were following when they hit Express routing, Angular 2 and API connection errors, and answerers use it to explain the setup.

Recommended by 3 people across 3 different months, 2017 to 2018.

What it is

A 76-minute Traversy Media tutorial that builds a task-list app with the MEAN stack: MongoDB, Express, Angular 2 and Node.js. Brad Traversy codes the Express REST API and the Angular front end from an empty folder.

What people said

Recommends Tuvia Khusid · 2017-03 · Stack Overflow · on “Can't see my html file in view”

I have done exactly like in this video [this video] and here it is working. He is using the html file under myapp/view directory and it is working for him. Not for me :(

Recommends Eman Jayme · 2017-06 · Stack Overflow · on “Node/Express with Angular 2”

if you are following the TRAVERSY MEDIA: (original Source is EDUONIX) [this video] after creating the 'client' folder. Skip the whole JSON Part. Open Terminal git clone [LINK] client npm install npm start (this will give you the complete start of the angular front-end) ctrl + C (close the webserver) npm run build server.js var express = require ('express'); var path = require ('path'); var bodyParser = require ('body-parser'); var index = require ('./routes/index'); var todos = require ('./routes/todos'); var app = express(); //View Engine app.use(express.static( path.join(__dirname, 'client') ) ); app.use(express.static( path.join(__dirname, 'client/src'))); app.use(express.static( path.join(__d

Recommends Revanth · 2018-09 · Stack Overflow · on “I'm trying to get mlab data into console using node.js but getting this error”

I'm following this youtube video: [this video] .i did the same as he did even i changed the code according to present update by searching in google(the errors which i got when i'm trying to update). Please help me out with this problem!!! Error: GET [LINK] 404 (Not Found) zone.js:2969 scheduleTask @ zone.js:2969 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:407 onScheduleTask @ zone.js:297 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:401 push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:232 push../node_modules/zone.js/dist/zone.js.Zone.scheduleMacroTask @ zone.js:255 scheduleMacroTaskWithCurrentZone @ zone.js:1114 (

Cites user4973992 · 2017-03 · Stack Overflow · on “express error: "TypeError('Router.use() requires middleware”

Brand new to Node and following along with this MEAN app tutorial [this video] and encountering an error when executing 'node server' in CL in Linux (I've been using sudo to mkdir and touch all the files, and run the node server). . >sudo node server /home/jake/web/tasker/node_modules/express/lib/router/index.js:458 throw new TypeError('Router.use() requires middleware function but got a ' + gettype(fn)); ^ TypeError: Router.use() requires middleware function but got a Object at Function.use (/home/jake/web/tasker/node_modules/express/lib/router/index.js:458:13) at EventEmitter.<anonymous> (/home/jake/web/tasker/node_modules/express/lib/application.js:220:21) at Array.forEach (native) at EventEmi

Cites etayluz · 2017-03 · Stack Overflow · on “Hooking up Express.js with Angular 2”

I'm trying to get Express to reroute all requests to my Angular 2 app. Further I want Express to point to a development version of my Angular 2 app (NOT some dist folder which will only be built occasionally). There is an OUTDATED video that shows how to do this (but it is outdated): [this video] [LINK] Does anyone know how I would do this with most recent version of Angular 2 ?

Cites FavoriteFave · 2017-12 · Stack Overflow · on “MEAN-stack app: REST API calls from angular2 frontend to express backend do not work. Error: ERR_CONNECTION_REFUSED”

I am building a MEAN stack app, following this tutorial: [this video] The Problem: I try to do http.get() request from my angular2 frontend to my express backend. It does not work and i get the Error: ERR_CONNECTION_REFUSED: The Error [LINK] My frontend is on localhost/4200 and my backend on localhost/3000. I figured the problem might be that, so i search for solutions and tried everything described in here: Angular-CLI proxy to backend doesn't work [LINK] (solution to proxy the localhost port), which does not work for me. I still get the error. here is my code : Service method with API call getUsers() { return this.http.get(' [LINK] ') .map(res => res.json()); } server.js var express = require('