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

---

---

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

Share This Product

• facebook
• twitter
• google+
• pinterest
• linkedin
• reddit