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

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

By : dcoderx  Published on Monday, April 25, 2016,18:35:31   in    Royalty Free Javascript
image

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

  • 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)

  • 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

    • Publicity by Adpathway

     

    Publicity by Adpathway

    Share This Product

    Product Tags

    • admin panel
    • angular calender
    • event calender
    • materialize css
    • mean stack admin panel
    • momentjs
    • mongodb
    • nodejs
    • nodejs mongodb
    • SocketIO

    Publicity by Adpathway

     

    Publicity by Adpathway

     

    Error:
    Query : SELECT * FROM `products` WHERE MATCH(tags,title) AGAINST('Mean Stack - Full Calender for events using Angularjs with Nodejs and MongoDB admin panel angular calender event calender materialize css mean stack admin panel momentjs mongodb nodejs nodejs mongodb SocketIO' IN BOOLEAN MODE) AND `id` NOT IN(25785) LIMIT 6
    File : /index.php