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

    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