SHARE

Weekly Planner using AngularJS and PdfJS Free Download

Weekly Planner – AngularJS calendar directive

Online Ticket booking, Online time table, Weekly time table, Weekly Planner, Schedular

Requirements

Install the following 2 softwares

  • 1.Node (Server)

HighLights

  • Ready to use nodejs backend
  • Drag start and end time on calendar
  • set multiple events on the calendar with colors
  • click on event to edit
  • On edit mode other events can not be edited
  • Create planner pdf
  • PDF will generate date wise grouped data
  • Local storage save for sample data save

Prerequisites

  • Node.js and NPM >= v0.12.0

Technology Stack Used

  • AngularJS 1.4.9
  • Node.JS 4.2.3

declare directive on HTML Page for calendar

  Follow the below path     client > app > main > main.html     components > calendar > directives > fullcalendar.js  

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)

Buid and Run

grunt serve  [for running in dev environment with livereload]  
grunt serve:dist  [Buid and run in production mode]  
grunt --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

 
   View Demo     Download

NO COMMENTS

LEAVE A REPLY