How frank122080/todo-list-demo works
This Vue application presents seeded to-do items in separate unfinished and completed lists. A user can add an item, edit or complete it, and delete it; Todo.vue owns the lists and their state while AddTodo.vue and ListItem.vue provide the interaction surfaces. Priority dots and date-picker restrictions support those workflows. The supplied source shows items initialized from a bundled JSON file, not persisted to a remote or local store. The README documents no additional product capabilities.
Main entry points: Todo.vue Todo lists · AddTodo.vue Add item · ListItem.vue Item actions · App.vue App root
Components 10
Application shell
- Vue bootstrap
src/main.js - App root
src/App.vue - Main layout
src/view/Main.vue
Todo workflow
- Todo lists
src/view/Todo.vue - Seed items
src/assets/data/todoList.json - Add item
src/components/AddTodo.vue - Item actions
src/components/ListItem.vue
UI support
- Priority dot
src/components/item/IdentifyDot.vue - Date options
src/util/date.js
Other components
- User
Connections 14
- Vue bootstrap → App root: mounts
- App root → Main layout: renders
- Main layout → Todo lists: renders
- Todo lists → Seed items: reads
- Todo lists → Add item: renders
- Todo lists → Item actions: renders
- User → Add item: interacts
- Add item → Todo lists: calls callbacks
- User → Item actions: interacts
- Item actions → Todo lists: emits events
- Add item → Priority dot: renders
- Item actions → Priority dot: renders
- Add item → Date options: uses
- Item actions → Date options: uses