Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
86 lines (59 sloc) 2.65 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 build & ng serve(frontend work): Livereload will be enable here for front
  6. ng build & node index.js(frontend + backend work)
  7. For frontend work access the app at http://localhost:4200 and for B and F, go here: 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.