Ryan Liu Debugging Event

[RyanZLiu]

Prove It!!! Localhost frontend to backend debugging on your project. This will be scored with one of the following.

2.0: A more valuable debugging session according to your project and data structures 1.8: Completing example below, but adapted to your software 1.4: Completing the example below using Teacher software, but your hardware 1.1: Failure to complete this task on your hardware Create an Issue capturing frontend to backend debugging/code tracing running your CPT project. Teacher will illustrate, but you will need to do this on your own code and check out with Seed Review.

Trace the following...

Start backend using Debugging Set break point at the beginning of endpoint code Start in frontend with split screen loading source for an API fetch using GET. Set break point on fetch, inside .then, inside .fetch Run frontend, screen capture break at fetch while examining Body Press play on frontend, observe stop inside of backend Press step over on backend until you have obtained data from database, screen capture Python Object Press play button to end backend debugging session. Return to frontend debug session Step in until you see data, screen capture capturing break point and Data.

[RyanZLiu]

1. Start backend using Debugging

[RyanZLiu]

2. Set break point at the beginning of endpoint code

[RyanZLiu]

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

[RyanZLiu]

4. Set break point on fetch, inside .then, inside .fetch

[RyanZLiu]

5. Run frontend, screen capture break at fetch while examining Body

[RyanZLiu]

6. Press play on frontend, observe stop inside of backend

[RyanZLiu]

7. Press step over on backend until you have obtained data from database, screen capture Python Object

[RyanZLiu]

8. Press play button to end backend debugging session.

[RyanZLiu]

9. Return to frontend debug session

[RyanZLiu]

10. Step in until you see data, screen capture capturing break point and Data.