A playground for practicing debugging with Visual Studio Code.
cd backend && yarn install
cd ..
cd frontend && yarn install
With VSCode: Open the Tasks menu and run "Frontend dev server" and "Backend dev server" from the menu.
Command line: yarn dev
in both directories
There are two branches that contain bugs: frontend-bug
and backend-bug
. Check one out and open VSCode.
Open the VSCode Debug () panel and press 🐞
We're expecting to see this:
But sometimes we end up with something like this:
Or this:
🐞🐞🐞🐞🐞🐞🐞🐞🐞
🐞🐞🐞🐞🐞🐞🐞🐞🐞
🐞🐞🐞🐞🐞🐞🐞🐞🐞
🐞🐞🐞🐞🐞🐞🐞🐞🐞
🐞🐞🐞🐞🐞🐞🐞🐞🐞
🐞🐞🐞🐞🐞🐞🐞🐞🐞
🐞🐞🐞🐞🐞🐞🐞🐞🐞
🐞🐞🐞🐞🐞🐞🐞🐞🐞
👢👢👢👢⚙️👢👢👢👢
👢👢👢⚙️⚙️⚙️👢👢👢
👢👢👢👢⚙️👢👢👢👢
🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞🐞
Can you fix it?
Put on your debugging hat and find out!