⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠ You can decompress Drawing data with the command palette: ‘Decompress current Excalidraw file’. For more info check in plugin settings under ‘Saving’

Excalidraw Data

Text Elements

App

-todos: Todo[]

+addTodo(text: string) : void

+toggleTodo(id: number) : void

+deleteTodo(id: number) : void

+render() : JSX.Element

TodoList

+todos: Todo[]

+onToggle(id: number) : void

+onDelete(id: number) : void

+render() : JSX.Element

AddTodoForm

-inputValue: string

-handleSubmit(event: FormEvent) : void

-handleChange(event: ChangeEvent) : void

+onAdd(text: string) : void

+render() : JSX.Element

TodoItem

+todo: Todo

+onToggle(id: number) : void

+onDelete(id: number) : void

+render() : JSX.Element

TodoList

+todos: Todo[]

+onToggle(id: number) : void

+onDelete(id: number) : void

+render() : JSX.Element

Data Layer

Backend Services

User Interface

web-app

api-service

auth-service

db-service

database