The Golden Rule:

🦸 🦸‍♂️ Stop starting and start finishing. 🏁

  1. Limit Work in Progress (WIP)
  2. Validate each line of code before moving forward
  3. Keep it Simple Simon (KISS)

Making a plan

  1. Make a drawing of your app. Simple "wireframes"
  2. Once you have a drawing, name the HTML elements you'll need to realize your vision**
  3. For each HTML element ask: Why do I need this?
    • Does this element need static content, or is the content dynamic state?
    • If state where is the source of truth?
  4. Find all the 'events' (user clicks, form submit, on load etc) in your app. Ask one by one, "What happens when" for each of these events. Does any state change?
  5. Once we know the why of elements, state, and events -- think about how to implement the "Why" as a "How"
  6. Think about how to validate each of your features according to a Definition of Done
  7. Consider what features depend on what other features. Use this dependency logic to figure out what order to complete tasks.