0x736e / meanstackspa Goto Github PK

The single page application is written in Typescript with Angular 2. The server- side component is written in javascript with Nodejs, MongoDB through Mongoose object data modeling, Express for the web-server.

The server and client communicate almost exclusively via socket.io channels to provide performant real-time behaviour.

Accounts are authenticated using Twitter, via the passport middleware in express, while the sessions are shared with socket.io clients.

• CRUD tasks
  • Create new tasks by typing in the text box
  • Read new tasks by loading the page
  • Update tasks by click on an existing task, and typing in the text box, then press enter or click the 'edit' button.
  • Delete tasks by click on the 'x' to the right of any task
• Utilizes socket.io for live updates, potential for collaborative lists
  • why REST when you can Stream?
• MEAN stack
  • MongoDB (via Mongoose)
  • Express
  • Angularjs
  • Nodejs
• Angular 2 based single-page-application (SPA)
• Utilizes gulp streaming build system
  • makes use of angular's cli to build the SPA and copy it to the static public directory
• socket.io and express sessions are shared by using the same session middleware
  • supprisingly poorly documented feature!
• bare minimum security**
  • JSON Web Tokens would be nice
• complete lack of code-coverage via unit tests

• MongoDB
• Nodejs

# there are many ways to install Nodejs
# this is just one (preferred) method:
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash
nvm install v6.10.1

• Angular CLI

npm install -g @angular/cli

• gulp CLI

npm install -g gulp-cli

Login requires that you fill in the twitter credentials for your own twitter application. Setup is easy and is described in greater detail here

copy private/keys.sample to private/keys.json
paste in your own keys in the appropriate places.

npm install
gulp build
gulp serve