Skip to content
Switch branches/tags
Go to file
Cannot retrieve contributors at this time
85 lines (59 sloc) 2.68 KB


An app to record the best gists that make life easier. A starter app using MEAN, Angular 5, Angular-Material &

This project was generated with Angular CLI version 1.0.1 and updated to use 1.6.7.


Getting Started

After getting the source code, it is recommanded to read the full article on medium that describes at a glance this project: Build a real time & MD app with Angular2, AngularCli, AngularMaterial2 &



  • Architecture
  • Material Design
  • CRUD of gist via rest
  • Real time Notification using


  • Update the stack
  • Some validations on UI and Server
  • CRUD of gist using
  • Write tests
  • Authentication & authorization
  • Setup continuous integration build and semantic release


  1. git clone
  2. Be sure your node and npm version is compatible, there is used: node(>= 8.9.0) & npm(>= 5.5.1)
  3. npm install
  4. Install mongod and run it
  5. ng serve to fire the frontend app, the Livereload will be enable as well
  6. node index.js to run the backend, it's possible to do ng build if you want both to work with the same backend port
  7. Access the frontend at http://localhost:4200 and the Backend http://localhost:3000

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|module.

Built With

  • MEAN(Angular5)
  • AngularCli
  • Typescript
  • AngularMaterial2
  • AngularFlexLayout
  • Angular2Toaster
  • Mongoose


We accept pull requests :) No contributing guide published yet


  • The initial version with Angular2: 0.0.1
  • Current version: Angular5


See also the list of contributors who participated in this project.