{"id":2121,"date":"2021-07-23T13:19:34","date_gmt":"2021-07-23T20:19:34","guid":{"rendered":"https:\/\/coderpad.io\/?page_id=2121"},"modified":"2025-05-01T06:55:45","modified_gmt":"2025-05-01T13:55:45","slug":"digital-whiteboard","status":"publish","type":"page","link":"https:\/\/coderpad.io\/features\/digital-whiteboard\/","title":{"rendered":"Drawing Mode"},"content":{"rendered":"<section class=\"\n\tfeature-hero-v2-block\n\t\n\"data-block-name=\"coderpad-feature-hero-v2\" data-block-margin-bottom=\"extra-extra-large\">\n\n\t<div class=\"inner\">\n\n\t\t\t\t\t<div class=\"the-image\">\n\t\t\t\t<img fetchpriority=\"high\" width=\"867\" height=\"791\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-drawing-board-for-system-diagramming.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"eager\" decoding=\"sync\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-drawing-board-for-system-diagramming.png 867w, https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-drawing-board-for-system-diagramming-300x274.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-drawing-board-for-system-diagramming-768x701.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-drawing-board-for-system-diagramming-13x12.png 13w\" sizes=\"(max-width: 867px) 100vw, 867px\" \/>\n\t\t\t<\/div>\n\t\t\n\t\t\n\t\t<div class=\"the-content\">\n\n\t\t\t\n\n\t\t\t\t\t\t\t<h1 class=\"headline\">Digital whiteboard<\/h1>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"description\"><p>Easily add depth to interviews with our virtual whiteboard feature available directly in pad. Sketch, diagram, upload images, all without leaving the interview window.<\/p>\n<ul class=\"check-list\">\n<li>Available in pad<\/li>\n<li>Collaborative<\/li>\n<li>Real-time sync<\/li>\n<li>Easy diagrams<\/li>\n<li>Image upload<\/li>\n<li>Save visual questions<\/li>\n<\/ul>\n<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"the-ctas\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/sales\/\" class=\"the-cta js-cta--get-a-demo\">Get a demo<\/a>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/app.coderpad.io\/sandbox\" class=\"the-secondary-cta js-cta--get-a-demo\">Try Sandbox <svg class=\"icon icon-right-arrow\" role=\"img\" viewBox=\"0 0 20 9\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><title>right arrow<\/title><path d=\"M14.335 3.256H0v2.171h14.335v3.256l4.762-4.341L14.334 0v3.256z\" fill=\"currentColor\"\/><\/svg>\n<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n<section class=\"\n    feature-content-block\n    feature-content-block--align-left\n        \n\" data-block-name=\"coderpad-feature-content\" data-block-margin-bottom=\"extra-extra-large\">\n\n    <div class=\"inner\">\n        <div class=\"media\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"660\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-collaborative-drawing.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-collaborative-drawing.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-collaborative-drawing-300x258.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-collaborative-drawing-14x12.png 14w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n        <\/div>\n\n        <div class=\"content\">\n                                        <h3 class=\"headline\">\n                                            Collaborate with your candidate\n                                    <\/h3>\n            \n            <p>Sketch together in real time to better understand your candidate\u2019s thought process.<\/p>\n<ul>\n<li><strong>Draw data structures<\/strong> or sketch out the architecture of a web app.<\/li>\n<li><strong>An interactive environment<\/strong> to break down coding challenges.<\/li>\n<li><strong>Do a code walkthrough<\/strong> to understand a candidate\u2019s reasoning.<\/li>\n<\/ul>\n\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"\n    feature-content-block\n    feature-content-block--align-left\n        \n\" data-block-name=\"coderpad-feature-content\" data-block-margin-bottom=\"extra-extra-large\">\n\n    <div class=\"inner\">\n        <div class=\"media\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"660\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-illustrate-a-conversation.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-illustrate-a-conversation.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-illustrate-a-conversation-300x258.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-illustrate-a-conversation-14x12.png 14w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n        <\/div>\n\n        <div class=\"content\">\n                                        <h3 class=\"headline\">\n                                            Illustrate a discussion\n                                    <\/h3>\n            \n            <p>Use visual prompts for a dynamic, realistic, and engaging interview experience.<\/p>\n<ul>\n<li><strong>Add starter images<\/strong> to questions you create for an enhanced experience.<\/li>\n<li><strong>Share a workflow<\/strong> to explore candidates\u2019 thoughts on optimization.<\/li>\n<li><strong>Display a UI mockup<\/strong> for inspiration to see how candidates work off a design.<\/li>\n<\/ul>\n\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"\n    feature-content-block\n    feature-content-block--align-left\n        \n\" data-block-name=\"coderpad-feature-content\" data-block-margin-bottom=\"extra-extra-large\">\n\n    <div class=\"inner\">\n        <div class=\"media\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"782\" height=\"680\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-ux-tools-for-drawing.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-ux-tools-for-drawing.png 782w, https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-ux-tools-for-drawing-300x261.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-ux-tools-for-drawing-768x668.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2024\/01\/coderpad-ux-tools-for-drawing-14x12.png 14w\" sizes=\"auto, (max-width: 782px) 100vw, 782px\" \/>\n        <\/div>\n\n        <div class=\"content\">\n                                        <h3 class=\"headline\">\n                                            Enjoy a user-friendly experience\n                                    <\/h3>\n            \n            <p>No one wants a steep learning curve\u2014especially during an interview.<\/p>\n<ul>\n<li><strong>Direct in-pad access<\/strong> during the live interview for a seamless experience.<\/li>\n<li><strong>Synchronized in real-time<\/strong> for a fluid, interactive experience.<\/li>\n<li><strong>Individual controls<\/strong> to open, resize or close the window just on your side.<\/li>\n<\/ul>\n\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":319,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2121","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/pages\/2121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/comments?post=2121"}],"version-history":[{"count":21,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/pages\/2121\/revisions"}],"predecessor-version":[{"id":42648,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/pages\/2121\/revisions\/42648"}],"up":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/pages\/319"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/media?parent=2121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}