{"id":28595,"date":"2023-02-14T05:21:20","date_gmt":"2023-02-14T13:21:20","guid":{"rendered":"https:\/\/coderpad.io\/?post_type=doc&#038;p=28595"},"modified":"2024-08-29T07:29:29","modified_gmt":"2024-08-29T14:29:29","slug":"api-client","status":"publish","type":"doc","link":"https:\/\/coderpad.io\/resources\/docs\/interview\/pads\/api-client\/","title":{"rendered":"API client"},"content":{"rendered":"\n<p>For backend frameworks like Node.js, Ruby on Rails, Spring, Gin, and Django, you and your candidates will have access to a RESTful API client which you can use to test your candidate&#8217;s API design.<\/p>\n\n\n\n<p>To access the API client, simply click on the <strong>API Requests<\/strong> tab in the top right of the screen.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-7.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-7-1024x473.png\" alt=\"API request tab is highlighted in the top of the right pad window.\" class=\"wp-image-30552\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-7-1024x473.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-7-300x139.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-7-768x355.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-7-1536x710.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-7-18x8.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-7.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Click on the image to make it larger.<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p>The API client is divided into three sections:<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><nav aria-label=\"Table of Contents\"><ol><li class=\"\"><a href=\"#request-window\">Request window<\/a><\/li><li class=\"\"><a href=\"#response-window\">Response window<\/a><\/li><li class=\"\"><a href=\"#request-history-window\">Request History window<\/a><\/li><\/ol><\/nav><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-19.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"852\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-19-1024x852.png\" alt=\"The image shows an API request testing interface, likely within a coding or development environment. Here\u2019s a detailed breakdown of the interface:\n\n1. **API Request Section:**\n   - At the top, there is a section for configuring the API request. The method selected is `GET`, and the endpoint being tested is `\/test`.\n   - The request body type is set to `JSON`. There\u2019s an empty field below where the request body could be entered if needed.\n\n2. **Response Section:**\n   - Below the request section is the response area. The response shows a `200 OK` status code, indicating that the request was successful.\n   - The response body is displayed in a &quot;Pretty&quot; format and contains a JSON object: `{&quot;data&quot;: &quot;Hello World!&quot;}`.\n\n3. **Request History:**\n   - At the bottom of the interface, there's a &quot;Request History&quot; panel showing previous API requests. The history shows three `GET` requests made to the `\/test` endpoint, with one including query parameters (`\/test?id=lsdkj\/30293&amp;location=gotham_city`).\n\nAdditionally, the interface includes tabs at the top for &quot;Program Output,&quot; &quot;Private Interviewer Notes,&quot; and &quot;API Requests&quot; (the currently active tab). There are also options at the bottom to provide feedback, adjust settings, or end the interview session.\" class=\"wp-image-30583\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-19-1024x852.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-19-300x250.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-19-768x639.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-19-14x12.png 14w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-19.png 1082w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"request-window\">Request window<\/h2>\n\n\n\n<p>The first part of the API client window consists of the following:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>A dropdown list of HTTP verbs<\/li>\n\n\n\n<li>The URL bar<\/li>\n\n\n\n<li>The <strong>Send<\/strong> button to dispatch your message to the endpoint(s) you created in the editor<\/li>\n\n\n\n<li>The <strong>Clear<\/strong> button to reset your API client window.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-8.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"512\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-8.png\" alt=\"The API client window with a #1 next to the HTTP verb dropdown in the top left, a #2 next to the url bar in the top center, a #3 next to the send button at the right of the url bar, and a #4 next to the clear button which is to the right of the send button.\" class=\"wp-image-30554\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-8.png 950w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-8-300x162.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-8-768x414.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-8-18x10.png 18w\" sizes=\"auto, (max-width: 950px) 100vw, 950px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"strong-body-strong\"><strong>Body<\/strong><\/h3>\n\n\n\n<p>You can set your body payload to <em>JSON<\/em>, <em>Form<\/em>, or <em>Text <\/em>in the dropdown:<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<p class=\"has-text-align-center\"><strong>JSON<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p class=\"has-text-align-center\"><strong>Form<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p class=\"has-text-align-center\"><strong>Text<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-9.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"264\" height=\"245\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-9.png\" alt=\"A sample JSON message.\" class=\"wp-image-30558\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-9.png 264w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-9-13x12.png 13w\" sizes=\"auto, (max-width: 264px) 100vw, 264px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-11.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"386\" height=\"245\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-11.png\" alt=\"A sample form list with the names and values for two rows filled out. \" class=\"wp-image-30561\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-11.png 386w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-11-300x190.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-11-18x12.png 18w\" sizes=\"auto, (max-width: 386px) 100vw, 386px\" \/><\/a><figcaption class=\"wp-element-caption\">To add a form row, click <strong>Add +. <\/strong>To clear a row from the form list, simply click on the garbage bin icon to the right of the row.<\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-13.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"389\" height=\"256\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-13.png\" alt=\"Random text in the text window for the request body.\" class=\"wp-image-30565\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-13.png 389w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-13-300x197.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-13-18x12.png 18w\" sizes=\"auto, (max-width: 389px) 100vw, 389px\" \/><\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"strong-cookies-strong\"><strong>Cookies<\/strong><\/h3>\n\n\n\n<p>You can create cookies by selecting the <strong>Cookies<\/strong> tab below the URL. You have to option to enter in the following for the cookie:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Name<\/em><\/li>\n\n\n\n<li><em>Value<\/em><\/li>\n\n\n\n<li><em>Expires<\/em> (expiration date)<\/li>\n\n\n\n<li><em>Domain<\/em><\/li>\n\n\n\n<li><em>Path<\/em><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-14.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"264\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-14-1024x264.png\" alt=\"The request window with the cookies tab selected. Two cookies are entered with the name, value, expires, domain, and path fields filled out with sample data.\" class=\"wp-image-30572\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-14-1024x264.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-14-300x77.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-14-768x198.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-14-18x5.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-14.png 1088w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>To add a cookie, simply click <strong>+Add<\/strong>. To remove a row, click on the garbage bin icon to the right of the row you want to remove.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"strong-headers-strong\"><strong>Headers<\/strong><\/h3>\n\n\n\n<p>You can add headers by selecting the <strong>Headers<\/strong> tab below the URL and then entering in the appropriate <em>Name-Value<\/em> pair.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-18.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"223\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-18-1024x223.png\" alt=\"The headers tab is selected with one row filled in with content-type for the name and application\/json for the value.\" class=\"wp-image-30581\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-18-1024x223.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-18-300x65.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-18-768x167.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-18-18x4.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-18.png 1088w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>To add a header, simply click <strong>+Add<\/strong>. To remove a row, click on the garbage bin icon to the right of the row you want to remove.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"strong-params-strong\"><strong>Params<\/strong><\/h3>\n\n\n\n<p>You can add query parameters by selecting the <strong>Params <\/strong>tab below the URL and then entering in the appropriate <em>Name-Value<\/em> pair. Notice that when you add the parameters the URL will automatically populate with the appropriate syntax.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-17.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"253\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-17-1024x253.png\" alt=\"Params tab selected in the api client window. Two rows are filled out and are reflected in the url bar at the top of the window.\" class=\"wp-image-30577\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-17-1024x253.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-17-300x74.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-17-768x190.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-17-18x4.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-17.png 1082w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>To add a new header, simply click <strong>+Add<\/strong>. To remove a row, click on the garbage bin icon to the right of the row you want to remove.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"response-window\">Response window<\/h2>\n\n\n\n<p>In the top right corner of the response window you can quickly see the server response status and response time: <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-20.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"259\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-20-1024x259.png\" alt=\"A response window with an arrow pointing to the server status, which is &quot;200 OK&quot; and a response time of 47 ms.\" class=\"wp-image-30586\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-20-1024x259.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-20-300x76.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-20-768x194.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-20-18x5.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-20.png 1102w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"strong-body-strong-1\"><strong>Body<\/strong><\/h3>\n\n\n\n<p>The response body will be in whatever format your endpoint is set up to produce. You do have the option to <strong>Pretty<\/strong> the response body for better readability:<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<p class=\"has-text-align-center\"><em><strong>Pretty<\/strong> toggle on<\/em><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p class=\"has-text-align-center\"><em><strong>Pretty<\/strong> toggle off<\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-21.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"265\" height=\"221\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-21.png\" alt=\"Prettified json.\" class=\"wp-image-30590\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-21.png 265w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-21-14x12.png 14w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-22.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"236\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-22.png\" alt=\"Raw JSON.\" class=\"wp-image-30592\" style=\"width:274px;height:223px\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-22.png 290w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-22-15x12.png 15w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"strong-headers-strong-2\"><strong>Headers<\/strong><\/h3>\n\n\n\n<p>To view the response headers, simply click on the <strong>Headers<\/strong> tab:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-23.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-23-1024x329.png\" alt=\"The headers tab selected in the response window with theings like &quot;connection&quot;, &quot;date&quot;, and &quot;content-type&quot; filled out.\" class=\"wp-image-30597\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-23-1024x329.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-23-300x96.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-23-768x247.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-23-18x6.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-23.png 1079w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"request-history-window\">Request History window<\/h2>\n\n\n\n<p>You can review your request history and rerun old requests by selecting the <strong>Request History <\/strong>tab and then clicking on the previous request you&#8217;d like to view or rerun:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-24.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"251\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-24-1024x251.png\" alt=\"The Request History tab is shown with seven previous reqeusts shown with their HTTP verb and url displayed. \" class=\"wp-image-30600\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-24-1024x251.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-24-300x73.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-24-768x188.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-24-18x4.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-24.png 1091w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 If you try to click on a request history item while you have an unsent request at the top, you\u2019ll get a modal prompting you to replace\/clear the request window and replace it with the data from the request history item you just clicked on.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/unsentreq.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"471\" height=\"177\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/unsentreq.png\" alt=\"Modal that reads &quot;you have an unsent request. navigating away from this request form will discard all current edits&quot;. below that two buttons, one that says &quot;discard current edits&quot; and another that says &quot;return to form&quot;.\" class=\"wp-image-30644\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/unsentreq.png 471w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/unsentreq-300x113.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/unsentreq-18x7.png 18w\" sizes=\"auto, (max-width: 471px) 100vw, 471px\" \/><\/a><\/figure>\n<\/div><\/blockquote>\n\n\n\n<p>You&#8217;ll also be able to review the candidate&#8217;s <em>Request Histor<\/em>y in the playback window once the interview has ended:<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"956\" style=\"aspect-ratio: 1898 \/ 956;\" width=\"1898\" autoplay controls loop muted src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/apiplayback.mp4\"><\/video><\/figure>\n","protected":false},"parent":835,"menu_order":20,"template":"","class_list":["post-28595","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/28595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":45,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/28595\/revisions"}],"predecessor-version":[{"id":40791,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/28595\/revisions\/40791"}],"up":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/835"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/media?parent=28595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}