Budget_App_JS To-Do List Before Coding 1. Planning 2. Design 3. Coding Planning 1. add event handeler 2. Get Input/Output Values 3. New Item to Data Structures 4. Add new item to UI 5. Calculate Budget 6. Update the UI Modules 1. UI Modules 2. Data Modules UI Modules Get Input Values Add the new item to the UI Update the UI Data Modules Add the item to our data structure Calculate Budget Controller Module Add event controller Final Architecture