Angular2 Express Mongoose Gulp Node Typescript screenshot

Angular2 Express Mongoose Gulp Node Typescript

Author Avatar Theme by Moizkachwala
Updated: 15 Jun 2017
197 Stars

AngularJS 2 (Updated to 4.2.0) Mean Stack application which uses Angular2, Gulp, Express, Node, MongoDB (Mongoose) with Repository Pattern Business Layer

Categories

Overview

The Angular2 MEAN application is a QuickStart application that combines Angular2 with ExpressJS, MongoDB, Gulp, and Typescript, following the Repository Pattern. It serves as a basic Angular seed application built over Node, utilizing the latest Node packages, and is intended for developers wanting to create applications using this technology stack.

Features

  • Angular 2 Quick Start Application: Based on the Tour of Heroes from the Angular website.
  • Gulp Integration: Moves JavaScript files out of the app folder, creating a dist folder and monitoring changes.
  • Folder Structure: Organized components, services, and models for easy access.
  • TsLint Implementation: Ensures code quality by avoiding typos.
  • Express Server: Hosts API’s to serve the application.
  • MongoDB Integration: Communicates Heroes data to the database.
  • Repository Pattern: Uses this pattern to interact with Mongoose for data handling.

Installation

To install the Angular2 MEAN application, follow these steps:

  1. Ensure you have the latest version of Node.js installed.
  2. Install and run MongoDB on the default port 27017.
  3. Make necessary configurations in constants.ts if MongoDB is not on the default port.
  4. Install global packages.
  5. Run the application.

Summary

The Angular2 MEAN application is a comprehensive solution that provides integration of Angular 2 with crucial technologies like ExpressJS, MongoDB, and Gulp, following best practices and implementing the Repository Pattern for efficient data management. This QuickStart project offers a solid foundation for developers looking to kickstart their projects using this MEAN stack.