Mean Stack – Full Calender for events using Angularjs with Nodejs and MongoDB (Forms)

EventsX- Materialized Calender

• v 1.0

  Performance Improvement

• v 0.1

  Initial Version

• Pre-requisites
  • 1.Node http://nodejs.org/ (Server)
  • 2.MongoDB https://www.mongodb.org/ (Database)
• Live Demo
  • Live Demo – Hosted on Heroku

• Technology Stack Used

• MongoDB
• Express 4.9
• AngularJS 1.4.9
• Node.JS 4.2.3

• Install

• Run the following commands and the application will start automatically

  npm install yo -g (Install yeoman for scaffolding web application)

  npm install grunt-cli -g (This creates and runs javascript repetative tasks) 

  npm install bower -g ( A frontend package manager for web applications) 

  npm install (Install all nodejs dependencies, also automatically installs bower components)

• Usage

  Open command prompt or git bash in Administrator mode

  Run command

  npm install

  &&

  bower install

  for further development in this project to add more modules install generator as below.

   npm install -g generator-angular-fullstack 

  User angular fullstack guidence for further developement in
  this Admin panel
  angular-fullstack

  check the mongodb url in server/config/environment/developement file and production file

• Buid and Run

  grunt serve  [for running in dev environment with livereload]  

  grunt serve:dist  [Buid and run in production mode]  

  grunt build--force  [buid with Administrator rights]

  Note : If any of the test failed or any error in running application, please install npm and bower with latest verion and
  in Administrator mode in command prompt

• HighLights
  • Materialize CSS framework
  • Angularjs calender directive
  • Materialize clock-picker
  • Materialize color-picker
  • Drag and Drop events and then edit
  • Materialize datepicker with month and year selectable
  • Babel javascript
  • Can be extended to full Admin panel
  • Socket.IO with live data broadcasting
• All Features
  • Real time sync data from any client
  • Authentication with role
  • Realtime updates – Any changes to database is updated in Realtime
  • Token expire time
  • Session management
  • Login
  • Change Password
  • Password encryption with SHA1
  • Automatic minification, compression, CDNify during deployment
  • Live reaload while development
  • User roles
  • Auto selection of resources for development and production
  • API with role based authentication
  • SEO optimized title for each page using keystone.utils for slugify
  • Responsive front end to fit any screen
  • Modular code structure for faster development
  • Each module is placed inside its own directory for easy management
  • Separate configuration envirnoment for development and production
  • Message for post confirmation/error
  • Sliding system – so that user won’t have to leave the page for updation