Simple daily planner which allows user to type in a todo event within a time hour slot and allows saving the todo while keeping it there when page is refreshed. THe application uses the newer-ish, Dayjs API. According to dayjs.org: "Day.js is a minimalist JavaScript library that parses, validates, manipulates, and displays dates and times for modern browsers with a largely Moment.js-compatible API." In a nutshell, it is lightweight API that is packed with everything (almost) moment.js API contains. It also supports many useful plugins such as localizedformat. Jquery was also implemented to streamline the javascript DOM methods and functions. The browser API is used to locally store user data and to also call back any previous stored data, so the application may pickup when it was last used. Hope you enjoy!
Clone this repository to your desktop Open the html file within the in your preferred code editor
To run the application, simply right click on the index.html file and click open with live server or preferred browser options.
To see any changes you may desire to experiment with and see in real time, use the live server option.
If changes to time slots desired, add or remove values from the 'whatTodoToday' object at top of JS file. No further modifications needed.
https://www.toptal.com/software/definitive-guide-to-datetime-manipulation
https://teamtreehouse.com/community/ulcreateelement-is-not-a-function-error
https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement
https://day.js.org/docs/en/installation/browser
https://www.elated.com/jquery-getting-started/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent