{"id":1774,"date":"2020-12-09T14:57:31","date_gmt":"2020-12-09T22:57:31","guid":{"rendered":"https:\/\/tordevries.net\/portfolio\/?page_id=1774"},"modified":"2022-10-26T09:34:52","modified_gmt":"2022-10-26T16:34:52","slug":"debuggr","status":"publish","type":"page","link":"https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/","title":{"rendered":"Debuggr | Digital & Interactive"},"content":{"rendered":"

While teaching a programming course that included server-side coding, I needed a way to read student’s code without requiring access to their hosting accounts. This way, I could help with debugging their code, and could also grade technical aspects (like code structure, neatness, commenting, etc.).<\/p>

Thus, I created the open-source Debuggr project on GitHub<\/a>. By design, it is a single self-contained file with all the HTML, CSS, JavaScript, and PHP necessary to accomplish its task. It even generates its own internal browser favicon. This makes it easier to install and manage, with less file clutter, especially for beginner coders who are still figuring out how to organize their coding files.<\/p>

Notably, it can also be configured to read the source code from other web sites \u2014 HTML, CSS, JavaScript, and anything else you can read in a browser \u2014 and it is mobile-friendly, so it also doubles as a solution for reading source files on a smartphone.<\/p>","protected":false},"excerpt":{"rendered":"While teaching a programming course that included server-side coding, I needed a way to read student’s code without requiring access to their hosting accounts. This way, I could help with debugging their code, and could also grade technical aspects (like code structure, neatness, commenting, etc.). Thus, I created the open-source Debuggr project on GitHub. By … Continue reading “Debuggr | Digital & Interactive”<\/span><\/a>","protected":false},"author":1,"featured_media":1776,"parent":60,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1774","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\nDebuggr | Digital & Interactive by Tor de Vries<\/title>\n<meta name=\"description\" content=\"While teaching a programming course that included server-side coding, I needed a way to read student's code without requiring access to their hosting accounts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Debuggr | Digital & Interactive by Tor de Vries\" \/>\n<meta property=\"og:description\" content=\"While teaching a programming course that included server-side coding, I needed a way to read student's code without requiring access to their hosting accounts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/\" \/>\n<meta property=\"og:site_name\" content=\"Tor de Vries | Selected Portfolio\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-26T16:34:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devriescdn.info\/portfolio\/wp-content\/uploads\/2020\/12\/debuggr-picture.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"1500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/digital\\\/debuggr\\\/\",\"url\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/digital\\\/debuggr\\\/\",\"name\":\"Debuggr | Digital & Interactive by Tor de Vries\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/digital\\\/debuggr\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/digital\\\/debuggr\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/debuggr-picture.png\",\"datePublished\":\"2020-12-09T22:57:31+00:00\",\"dateModified\":\"2022-10-26T16:34:52+00:00\",\"description\":\"While teaching a programming course that included server-side coding, I needed a way to read student's code without requiring access to their hosting accounts.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/digital\\\/debuggr\\\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/digital\\\/debuggr\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/digital\\\/debuggr\\\/#primaryimage\",\"url\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/debuggr-picture.png\",\"contentUrl\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/debuggr-picture.png\",\"width\":1500,\"height\":1500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/digital\\\/debuggr\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Digital & Interactive\",\"item\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/digital\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Debuggr | Digital & Interactive\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/#website\",\"url\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/\",\"name\":\"Tor de Vries | Selected Portfolio\",\"description\":\"Selected Portfolio\",\"publisher\":{\"@id\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/#\\\/schema\\\/person\\\/2045441cb29f1d7a8140572414cf08f6\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/#\\\/schema\\\/person\\\/2045441cb29f1d7a8140572414cf08f6\",\"name\":\"Tor de Vries\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/tor-de-vries-square.jpg\",\"url\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/tor-de-vries-square.jpg\",\"contentUrl\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/tor-de-vries-square.jpg\",\"width\":1955,\"height\":1955,\"caption\":\"Tor de Vries\"},\"logo\":{\"@id\":\"https:\\\/\\\/tordevries.net\\\/portfolio\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/tor-de-vries-square.jpg\"},\"description\":\"Versatility in design and communications. Decades of experience in print and digital design, art direction, branding, strategic marketing and communication, fundraising, online campaigns, and more \u2014 for international nonprofits, online services, health organizations, higher education, religious and cultural groups, and more. Substantial tech background provides a keen understanding of process and integration across digital communications.\",\"sameAs\":[\"https:\\\/\\\/tordevries.net\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/tordevries\\\/\",\"https:\\\/\\\/andimthedad.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Debuggr | Digital & Interactive by Tor de Vries","description":"While teaching a programming course that included server-side coding, I needed a way to read student's code without requiring access to their hosting accounts.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/","og_locale":"en_US","og_type":"article","og_title":"Debuggr | Digital & Interactive by Tor de Vries","og_description":"While teaching a programming course that included server-side coding, I needed a way to read student's code without requiring access to their hosting accounts.","og_url":"https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/","og_site_name":"Tor de Vries | Selected Portfolio","article_modified_time":"2022-10-26T16:34:52+00:00","og_image":[{"width":1500,"height":1500,"url":"https:\/\/devriescdn.info\/portfolio\/wp-content\/uploads\/2020\/12\/debuggr-picture.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/","url":"https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/","name":"Debuggr | Digital & Interactive by Tor de Vries","isPartOf":{"@id":"https:\/\/tordevries.net\/portfolio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/#primaryimage"},"image":{"@id":"https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/#primaryimage"},"thumbnailUrl":"https:\/\/tordevries.net\/portfolio\/wp-content\/uploads\/2020\/12\/debuggr-picture.png","datePublished":"2020-12-09T22:57:31+00:00","dateModified":"2022-10-26T16:34:52+00:00","description":"While teaching a programming course that included server-side coding, I needed a way to read student's code without requiring access to their hosting accounts.","breadcrumb":{"@id":"https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/#primaryimage","url":"https:\/\/tordevries.net\/portfolio\/wp-content\/uploads\/2020\/12\/debuggr-picture.png","contentUrl":"https:\/\/tordevries.net\/portfolio\/wp-content\/uploads\/2020\/12\/debuggr-picture.png","width":1500,"height":1500},{"@type":"BreadcrumbList","@id":"https:\/\/tordevries.net\/portfolio\/digital\/debuggr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tordevries.net\/portfolio\/"},{"@type":"ListItem","position":2,"name":"Digital & Interactive","item":"https:\/\/tordevries.net\/portfolio\/digital\/"},{"@type":"ListItem","position":3,"name":"Debuggr | Digital & Interactive"}]},{"@type":"WebSite","@id":"https:\/\/tordevries.net\/portfolio\/#website","url":"https:\/\/tordevries.net\/portfolio\/","name":"Tor de Vries | Selected Portfolio","description":"Selected Portfolio","publisher":{"@id":"https:\/\/tordevries.net\/portfolio\/#\/schema\/person\/2045441cb29f1d7a8140572414cf08f6"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tordevries.net\/portfolio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":["Person","Organization"],"@id":"https:\/\/tordevries.net\/portfolio\/#\/schema\/person\/2045441cb29f1d7a8140572414cf08f6","name":"Tor de Vries","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/tordevries.net\/portfolio\/wp-content\/uploads\/2021\/11\/tor-de-vries-square.jpg","url":"https:\/\/tordevries.net\/portfolio\/wp-content\/uploads\/2021\/11\/tor-de-vries-square.jpg","contentUrl":"https:\/\/tordevries.net\/portfolio\/wp-content\/uploads\/2021\/11\/tor-de-vries-square.jpg","width":1955,"height":1955,"caption":"Tor de Vries"},"logo":{"@id":"https:\/\/tordevries.net\/portfolio\/wp-content\/uploads\/2021\/11\/tor-de-vries-square.jpg"},"description":"Versatility in design and communications. Decades of experience in print and digital design, art direction, branding, strategic marketing and communication, fundraising, online campaigns, and more \u2014 for international nonprofits, online services, health organizations, higher education, religious and cultural groups, and more. Substantial tech background provides a keen understanding of process and integration across digital communications.","sameAs":["https:\/\/tordevries.net","https:\/\/www.linkedin.com\/in\/tordevries\/","https:\/\/andimthedad.com"]}]}},"_links":{"self":[{"href":"https:\/\/tordevries.net\/portfolio\/wp-json\/wp\/v2\/pages\/1774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tordevries.net\/portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tordevries.net\/portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tordevries.net\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tordevries.net\/portfolio\/wp-json\/wp\/v2\/comments?post=1774"}],"version-history":[{"count":10,"href":"https:\/\/tordevries.net\/portfolio\/wp-json\/wp\/v2\/pages\/1774\/revisions"}],"predecessor-version":[{"id":1789,"href":"https:\/\/tordevries.net\/portfolio\/wp-json\/wp\/v2\/pages\/1774\/revisions\/1789"}],"up":[{"embeddable":true,"href":"https:\/\/tordevries.net\/portfolio\/wp-json\/wp\/v2\/pages\/60"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tordevries.net\/portfolio\/wp-json\/wp\/v2\/media\/1776"}],"wp:attachment":[{"href":"https:\/\/tordevries.net\/portfolio\/wp-json\/wp\/v2\/media?parent=1774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}