Skip to content

Electr1Xx/MEAN-Stack-With-Angular-2-Tutorial

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MEAN Stack with Angular 2 Tutorial

This is an application demonstrating the basic components needed for a Single Page Application using MongoDB, ExpressJS, Angular 2, and NodeJS.

A working example can be found here. Additionally, a YouTube tutorial series illustrating how to create this application from scratch can be found here.

Requirements

  • NodeJS
  • MongoDB
  • @angular/cli

Description

This applications demonstrates how to setup a RESTful API using NodeJS with Angular 2 Frontend. The application features a blog feed, where users can post comments, like posts, dislike posts, and create/edit/delete their own blog posts.

Installation

  • Install all dependencies in package.json file. This can be done by navigating to the root directory in the command line interface and running the following command:
$ npm install
  • Next, install all of the Angular 2 development dependencies in package.json file:
$ cd client/
$ npm install
  • Installation is complete. Navigate to the root directory and then:  

Production

-- In root directory:

$ npm run build
$ npm start

-- Access production server at: http://localhost:8080

Development

$ cd client/
$ ng serve

-- In another window, from root directory run:

$ npm start

-- Access development server at: http://localhost:4200

-- Access API at: http://localhost:8080

Contributors

David Acosta.

License

No license.

About

MEAN Stack Application Using Angular 2 Tutorial

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 42.3%
  • JavaScript 37.0%
  • HTML 19.8%
  • CSS 0.9%