MEAN + Material + Reactive in TypeScript
TypeScript HTML JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
client
server
.angular-cli.json
.gitignore
LICENSE
README.md
gulpfile.js
gulpfile.ts
package.json

README.md

MEAN App Unplugged

MEAN + Material + Reactive in TypeScript

Install

First, run the gulp tasks, then start the Node.js Express server.

$ gulp
$ chmod +x ./dist/bin/www
$ ./dist/bin/www

Then, serve the Angular client using the CLI:

$ ng serve

Goals

Our goals for this series are:

  1. Create a simple CRUD app similar to the Tour of Heros tutorial app for Angular.
  2. Create the REST API using Express written in TypeScript with Mongoose for persisting data to MongoDb.
  3. Use Angular Material and Angular Flex Layout for the UI.
  4. Use Reactive Extensions for JavaScript, specifically, RxJS and ngrx.

Tutorial

This application is based on a quite lengthy tutorial that will take you all the way through the process of building a sample app using Express on Node.js and Angular using TypeScript, RxJS and ngrx.

Complete Tutorial

The tutorial is also broken down into 3 parts:

  1. Build Express + Mongoose REST API
  2. Setup Angular, Angular Material and Flex Layout
  3. Build Angular application using RxJS and ngrx

Enjoy! 🎁 🎉