Fozzy Domain Sale
Liquid Web Managed Word Press

Weekly Planner using AngularJS and PdfJS

Weekly Planner – AngularJS calendar directive

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


Install the following 2 softwares

If you do not want to run on nodejs platform then run the client folder from apache server or anyother to serve the index.html


  • 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


  • 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  


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
Weekly Planner  using AngularJS and PdfJS

0 average based on 1 ratings.



Visit Author's Portfolio

View Portfolio
Last Update 2016-09-27
Created 2016-09-26
Sales 15
Discussion Comments
Compatible Browsers IE10 IE11 Firefox Safari Opera Chrome Edge
Software Version AngularJS jQuery Node.js
High Resolution Yes
Files Included JavaScript JS JavaScript JSON HTML CSS
Video Preview Resolution