By :
dcoderx
Published on Monday, May 02, 2016,08:08:49 in JavaScript Scripts
EventsX- Materialized Calender
v 1.0
Initial Version
Pre-requisites
1.Node https://nodejs.org/ (Server)
2.MySql https://dev.mysql.com/downloads/mysql/ (Database)
Technology Stack Used
MySql 5.7
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