MEAN Starter Kit w/ Angular Universal

Last Update: 4/9/2018

This MEAN Starter Kit is a template for Angular 5 MEAN projects and is integrated with Angular Universal. MEAN is a full-stack development toolkit using the Javascript-based technologies MongoDB, Express, Angular, and Node.js. It uses JavaScript for client-side and server-side web application development.

Versions

• MongoDB v3.6.2 (Mongoose v5.0.13)
• Express v4.16.3
• Angular v5.2.9
• Node.js v9.10.1

Installation

1. Clone this repo: git clone https://github.com/stanleyeosakul/mean-starter-kit.git
2. cd into the folder of the cloned repo
3. Run yarn install to install dependencies
4. Start your local MongoDB instance
5. Choose to run the development or production server
   • Development
     • Front End (Angular)
       • Run ng serve, and navigate to http://localhost:4200/.
     • Back End (MongoDB, Express, Node.js)
       • Run yarn run dev, and navigate to http://localhost:3000/.
   • Production
     • Run yarn start, and navigate to http://localhost:3000/.

Built-in scripts

• yarn run dev
  • Builds the Angular project into the dist/ folder without build optimization
  • Builds the Angular Universal server into the dist-server/ folder without build optimization
  • Runs the server.js node app
• yarn run build
  • Builds the Angular project into the dist/ folder
  • Builds the Angular Universal server into the dist-server/ folder
• yarn start
  • Runs yarn run build as above
  • Runs the server.js node app

Installed Packages

Front-end

• Angular 5
• Angular Universal
• Bulma CSS Framework
• Font-Awesome 5

Back-end

• Express
• Mongoose

Development and Testing

• Angular CLI v1.7.4
• Morgan Logging library
• Typescript
• Karma
• Protractor
• Jasmine