项目作者: drkittendorf

项目描述 :
Daily Planner
高级语言: JavaScript
项目地址: git://github.com/drkittendorf/work-day-scheduler.git
创建时间: 2020-05-21T23:04:07Z
项目社区:https://github.com/drkittendorf/work-day-scheduler

开源协议:

下载


WORK DAY SCHEDULER

TABLE OF CONTENTS


CONTRIBUTOR(S)

Dale Kittendorf



USER STORY

  • AS AN employee with a busy schedule
  • I WANT to add important events to a daily planner
  • SO THAT I can manage my time effectively



DESCRIPTION

This app runs in the browser and features dynamically updated HTML and CSS powered by jQuery. It also uses Moment.js for time and date related components.

  • GIVEN I am using a daily planner to create a schedule
  • WHEN I open the planner
  • THEN the current day is displayed at the top of the calendar
  • WHEN I scroll down
  • THEN I am presented with timeblocks for standard business hours
  • WHEN I view the timeblocks for that day
  • THEN each timeblock is color coded to indicate whether it is in the past, present, or future
  • WHEN I click into a timeblock
  • THEN I can enter an event
  • WHEN I click the save button for that timeblock
  • THEN the text for that event is saved in local storage
  • WHEN I refresh the page
  • THEN the saved events persist



Link to Dale’s Work Day Scheduler deployed on GitHub - Application Live Link

Link to GitHub Repo used for application development - Application GitHub Repo



LANGUAGES AND TOOLS:

Visual Studio Code
HTML5
CSS3
JavaScript
GitHub





CORE PROJECT TECHNOLOGIES

Here is a list of all the core technologies used to develop this application.



FUTURE DEVELOPMENT

For future development, I would like to incorporate the following enhancements:

  • Extend timeframe for longer hours
  • Create ability to store / retrieve past days

LICENSING

License: MIT

The code in this project is licensed under MIT license.


SCREENSHOTS AND VIDEO

  • SCREENSHOT(S)

    1. (TBD)


  • VIDEO

    1. The following animation demonstrates the application functionality:

day planner demo