hanlunli / student

MIT License
0 stars 0 forks source link

Debugging Event #7

Open hanlunli opened 8 months ago

hanlunli commented 8 months ago

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.

hanlunli commented 8 months ago

1.Start backend using Debugging image

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