workdayscheduler is a simple calendar application that allows the user to save events for each hour of the day.
workdayscheduler is a simple calendar application that allows the user to save events for each hour of the day.
# Author and Deployment Details1 | GitHub Repo | https://github.com/bhagatabhijeet/workdayscheduler |
---|
2 | Git Hub Pages | https://bhagatabhijeet.github.io/workdayscheduler/index.html |
---|
3 | Abhijeet Bhagat | https://github.com/bhagatabhijeet |
---|
- jQuery 3.5.1
- Bootstrap 4.5
- Font Awesome 4.7
- moment.js (heavily used)
- Once you select a date on calendar that day becomes the "selected day". Selected date message is shown on the screen.
- If the current selected date is in future or past user can come back to current date by clicking "Back to today" button.
- The legend shows how the current hour,past and future timeslots will be colored.
- You cannot edit item in the past, but you can always mark the item as "completed" Note: - you can mark the item completed only if it exists. If you try to mark item completed which never existed the checkbox will not change to 'completed'. This is inbuilt functionality which keeps the data integrity and disallows user from wrongly manipulating the past events.
- If you try to edit the item in past a red colored message box is shown. By definition any hour which is not current and not in future is "past"
- The "lock/unlock/save" button has 3 states - locked, unlocked and saved.
- Each item (item which is already available in storage) can be in one of 2 states - isComplete === false or isComplete === true. The completed items text will be striked through to visually show the completed item. In addition the completed item checkbox is 'purple' in color which is another visual clue to the user.
- Random image shown to the user, everytime the page refreshes. User can also show hide the calendar