Molecules - Todo List Demo

User Stories

• As a user, I want to see all the todo items in one screen
• As a user, I want to mark a todo as done
• As a user, I want to distinguish a completed todo from a pending one
• As a user, I want to be able to use the application in dark mode
• As a user, I want to delete a todo
• As a user, I want to add a todo
• As a user, I want to edit a todo

Features

• Dark Mode
• Component Inject
• Style/ Theme injection
• Custom Component inject
• useMolecules

Video Explanation

• Intro
• Using Molecules
• Creating Custom Molecules
• Toggle Todo
• Default Styles
• Color Modes
• Deleting Todo
• Adding Todo
• Editing a Todo Item