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

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

If demo site is down then consider that my free dyno plan is exhausted. Please check back after few hrs IF Live Demo is down then conside free dyno on heroku hosting is exhausted, please check back after few hrs.

EventsX- Materialized Calender

Live Demo

  • Due to heroku free dyno demo will stay live upto 18 hours, so if this demo does not work you can check another demo at Mysql based demo

  • <

    Technology Stack Used</

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


  • 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

More items by dcoderx

Events Calender using Angularjs with Nodejs and MySQL Mean Stack - Full Calender for events using Angularjs with Nodejs and MongoDB