Code

Weekly Planner using AngularJS and PdfJS

Weekly Planner using AngularJS and PdfJS

Weekly Planner – AngularJS calendar directive

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

Requirements

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

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
Flag Counter
by
by
by
by
by
by