{"id":73,"date":"2023-11-12T04:01:20","date_gmt":"2023-11-12T04:01:20","guid":{"rendered":"https:\/\/letitlearn.blog\/?p=73"},"modified":"2024-01-30T18:26:28","modified_gmt":"2024-01-30T18:26:28","slug":"73","status":"publish","type":"post","link":"https:\/\/letitlearn.blog\/index.php\/2023\/11\/12\/73\/","title":{"rendered":"Bug Catcher"},"content":{"rendered":"\n<p><strong>Toolset:<\/strong> <em>GPT-3, Typescript, Vite, React, Node.js, PostgreSQL<\/em><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>There is no learning without reflection.<\/p>\n<cite>Unknown<\/cite><\/blockquote>\n\n\n\n<p>If my graduate program had a catchphrase, this would be it. And in no class did I&nbsp;hear it more frequently than in Karen Brennan&#8217;s T217: K-12 Computer Science Curriculum. It was in this class where the seed for Bug Catcher was planted, and further discussions with my research lead at the time inspired this weekend project. Bug Catcher has a simple job: observe while a learner codes, catch bugs as they&#8217;re reported, and lead the learner through reflection on the bug. The tag line? &#8220;Catch and reflect&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/letitlearn.blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.16.51-AM-1024x445.png\" alt=\"\" class=\"wp-image-188\" srcset=\"https:\/\/letitlearn.blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.16.51-AM-1024x445.png 1024w, https:\/\/letitlearn.blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.16.51-AM-300x130.png 300w, https:\/\/letitlearn.blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.16.51-AM-768x333.png 768w, https:\/\/letitlearn.blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.16.51-AM-400x174.png 400w, https:\/\/letitlearn.blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.16.51-AM-940x408.png 940w, https:\/\/letitlearn.blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.16.51-AM.png 1336w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Right now, the Chrome extension only works with P5.js, however it can be extended to work with other web&nbsp;IDEs. One could even create a small plug-in for VSCode as the web app itself uses a platform-agnostic API.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Helping learners capture and reflect on their coding experience<\/p>\n","protected":false},"author":1,"featured_media":184,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,4,9,10],"tags":[],"class_list":["post-73","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learning-design","category-portfolio","category-programming","category-web-development"],"_links":{"self":[{"href":"https:\/\/letitlearn.blog\/index.php\/wp-json\/wp\/v2\/posts\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/letitlearn.blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/letitlearn.blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/letitlearn.blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/letitlearn.blog\/index.php\/wp-json\/wp\/v2\/comments?post=73"}],"version-history":[{"count":18,"href":"https:\/\/letitlearn.blog\/index.php\/wp-json\/wp\/v2\/posts\/73\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/letitlearn.blog\/index.php\/wp-json\/wp\/v2\/posts\/73\/revisions\/257"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/letitlearn.blog\/index.php\/wp-json\/wp\/v2\/media\/184"}],"wp:attachment":[{"href":"https:\/\/letitlearn.blog\/index.php\/wp-json\/wp\/v2\/media?parent=73"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/letitlearn.blog\/index.php\/wp-json\/wp\/v2\/categories?post=73"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/letitlearn.blog\/index.php\/wp-json\/wp\/v2\/tags?post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}