• 1: Start Backend using Debugging Image 1

  • 2: Set break point at the beginning of endpoint code Image 2

  • 3: Start in frontend with split screen loading source for an API fetch using GET. Image 3

  • 4/5: Set break point on fetch, inside .then, inside .fetch + Run frontend, screen capture break at fetch while Image 4

  • 6: Press play on frontend and observe backend Image 5

  • 7: Press step over on backend until you have obtained data from database, screen capture Python Object Image 6

  • 10: Step in until you see data, screen capture capturing break point and Data (Data is in bottom right). Image 7