https://github.com/keenanpayne/local-storage-todo-list

This is an example of how to create a drag-and-drop to-do list using HTML5's Local Storage.
https://github.com/keenanpayne/local-storage-todo-list

demo-page javascript localstorage

Last synced: 2 days ago
JSON representation

This is an example of how to create a drag-and-drop to-do list using HTML5's Local Storage.

• Host: GitHub
• URL: https://github.com/keenanpayne/local-storage-todo-list
• Owner: keenanpayne
• License: mit
• Created: 2014-07-17T21:03:00.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-07-17T21:04:05.000Z (over 10 years ago)
• Last Synced: 2024-11-10T08:43:47.435Z (2 months ago)
• Topics: demo-page, javascript, localstorage
• Language: CSS
• Size: 344 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Local Storage To-Do List

This is an example of how to create a drag-and-drop to-do list using HTML5's [Local Storage](http://diveintohtml5.info/storage.html). I nicknamed the tool "LocalList" as you can see in the demo page. 

The demo page for this project was styled using my lightweight front-end framework [Concise](http://github.com/ConciseCSS/concise.css). 

This project started as a simple to-do list and then I started adding features like color-coding and drag-and-drop functionality. It's not finished, here are a list of things that still need to be fixed: 

- [ ] Proper commenting and descriptions for functions

- [ ] Style elements when dragging and dropping

- [ ] Save to cookie after dragging and dropping so changes are not overridden

- [ ] Fix notes export

## License

Code released under the [MIT license](https://github.com/keenanpayne/local-storage-todo-list/blob/master/LICENSE).