EventsX- Materialized Calender

  • 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
Rate this post