View Code? Open in Web Editor
NEW
An hourly planner that, with the use of jQuery and momentJS, has color coded timeblocks. Users can create an entry and save or delete them at the push of a button. This app is mobile friendly!
Home Page: https://jwilferd10.github.io/My-Daily-Planner/.
CSS 18.95%
HTML 48.62%
JavaScript 32.43%
my-daily-planner's Issues
Add a button to remove any text within all time blocks
Add a button to quickly remove text from individual time block
Consider background animation
Spruce up the styling
Fix sizing for mobile screens
Consider making a modal pop-up that previews <textarea> data
Issue with deleting single entry, just a reminder to fix it.
Things To Add
Add color change to button on hover
Add color change & animation to onclick for buttons
Consider resizing the 'delete all' button
Same btn changes apply
Add a click event to buttons
Connect to LocalStorage
After reviewing live feedback, consider adding a modal that provides app directions. Similar to the README
Remove window.alert and replace each pop-up with a modal
Add a 'Save All' button
Consider changing the title style
Stylize and resize the 'All' buttons
Consider adding secondary buttons at the bottom of the page
This will be the final CSS additions to the application.
Modal pop-up appearing at the center of the screen
Modal re-design for further customization
Center/Resize the hour text
Non-Visual Updates (CSS and Non-CSS Related)
Add comments to the CSS page
Remove/Add helpful comments to the JavaScript & HTML file