Docs Index

Live interview quick start

Last updated on Available in French

CoderPad’s live interview pad environment provides a collaborative technical IDE for an interviewer and candidate to share. Everyone within a pad can type and run code at the same time.

We offer 30+ languages within a live environment, and you can change them at any time. When selecting a language, you can also view the packages & libraries included with each language. For our most popular languages (Java, Python, Javascript, C++), we usually include the most popular HTTP request library for the given language, and the most popular testing libraries.

Setting up a live interview in CoderPad

Once you’re ready to set up a live interview in CoderPad, there are a few steps to take and key features to consider. Take a look at the guide below to create an effective interview – from start to finish.

  1. Plan for Your Interview
  2. Set Up Your Interview
  3. Start Your Interview
  4. Start a Call
  5. Prepare for the Debrief


1. Plan for the interview

To set the stage for your live coding interview, we often suggest discussing and aligning on the following with your team:

  1. The core skills you want the candidate to demonstrate.
  1. The types of questions you want to ask in their live interview. We suggest tailoring exercises to core competencies of the role you’re hiring for.
  1. How you’ll be assessing the interview, including the guidelines for using different languages, how you’ll help the candidate if they get stuck, and the grading system you want to use.

Having this knowledge as a team will make interviews easier to set up and more consistent from candidate to candidate.

Interviewer ProTip: If you have a favorite question to ask during a live interview, you can save it ahead of time to your Question Bank – and then it can be used in any live interviews moving forward. If you need some inspiration, you can also check out CoderPad’s Example Questions within your Question Bank.


2. Set up the interview

Once you’ve planned your interview, you’re ready to set up and conduct a live interview. To get started:

  1. Login to your account and navigate to the “Pad’s List”
  2. Click on the “Create Pad” button
Coderpad dashboard with the number 1 next to the "Pads list" item in the left nav and an arrow pointing to the number 2 next to the "create pad" button.

This will open up the pad environment where the interview will be conducted.

📃 For more details on creating a pad and pad features, check out the Create a pad tutorial in the Pads Feature Guide.

The pad is similar to a regular IDE, where you write code in the left-hand pane and view execution output in the right-hand pane. As an interviewer, you also have the option of taking notes in the right-hand pane as well.

A coderpad interview pad with the "instructions" tab selected and instruction text displayed.

You will have the ability to update settings for both your editor as well as for the pad itself. To access these settings, simply click on the Settings button in the lower left hand corner of the pad:

The settings button is highlighted in the bottom right corner of the pad. The settings window is open displaying both editor settings and pad settings.
Note: Your Editor Settings won’t affect the editor settings of the candidate.

To execute the code, click on the Run button that is located in the top left hand corner:

The top left of a pad with an arrow pointing to the "run" button.

You can also execute the code using a shortcut:

  • Mac: ⌘ + enter OR ⌘ + S
  • Windows: CTRL + enter OR CTRL + S

Interviewer ProTip: Enable Focus Time to give candidates the best interview experience. This gives them several minutes near the beginning of the interview to collect their thoughts. You can find the Focus Time tutorial here.


3. Start the interview

To invite a candidate to an interview, simply send them the pad link. To provide your candidate with the pad link, you have a few options:

  • Copy the browser link from the pad you’ve created and include this in your candidate communications (e.g., Google Calendar interview meeting invite)
A pad open in a browser window with an arrow pointing to the url at the top of the browser.
  • From within the pad, click on the Invite button located in the bottom left hand corner of the pad.
    This will open a pop-up with a few different options:
    1. Enter the candidate’s email to send the pad via a CoderPad email invite
    2. Generate and read over the phone the temporary short link
    3. Copy the permanent link (which is the same as your browser URL)
The invite button is highlighted at the bottom left of the pad. The invite box is open with the "send email invite", "phone-friendly temporary link", and "permanent link" sections displayed.

As the interviewer, you must be logged into your CoderPad account to be able to end the interview. If you do not end your interview, you will not be able to view Playback later.

A giant arrow pointing to the exit interview button in the bottom right of the screen.


4. Add a question to the pad

Once your candidate has joined your pad, take some time for introductions. Then, add a technical interview question to the pad. You have two options when it comes to adding questions:

  1. Questions saved in CoderPad’s Question Bank can include a custom file or database and are available for shared use within your team.
  2. You can also create your own questions for live interviews.

To access questions in your pad, first click on Questions in the left tabs menu, the Select A Question tab at the top of the pop up window will be highlighted.

On the left tab menu the plus sign is circled with an arrow pointing to the "select a question tab" at the top.

This is where you will view and add interview questions to your pad. You should then see the following screen:

The select question menu is displayed with a number one next to the "My content" filter and a number two next to the "Examples" filter.

From here, you can:

  1. View questions you or your colleagues have already created and add them directly to your pad.

📃To learn more about creating interview questions, check out our Docs on CoderPad’s Question Bank.

  1. View and use CoderPad’s pre-built Example Questions.

Collaborating within the pad

Sometimes you’ll need more than one engineer on the technical interview. You can have as many of your engineers join a pad as you would like. All participants within a pad can code at the same time, although we advise you let the candidate do most of the driving during the interview.

All participants have access to:

  • Change the pad language
  • Query a custom file (if attached to question)
  • Write code
  • Change their own settings
  • Start a video/audio call

Interviewers that are logged in can:

  • End the interview
  • Write down notes on the candidates interview in the right hand pane
  • Attach a question to the pad

Candidates can:

  • Join a pad without a login (they are asked to input their name upon entering a pad)


5. Start the call

As with any interview, you will want to speak live with your candidate. To help you with this, and minimize the number of links or services used, CoderPad gives you a built-in option to video or audio call your candidate. 

To start a call, follow these steps:

  1. In the bottom left corner of a pad, click the Start Call button.
The "start call" button is highlighted at the bottom left of the screen.

✅If this is your first time ever using the audio/video feature in CoderPad, you will be asked to accept browser permissions.

  1. You’ll be presented with a preview screen to verify the webcam and microphone that you’d like to use. Select Start Call to begin the call.
Screenshot of the call menu to select your webcam and microphone.
  1. You, and the candidate have the option to accept or decline on both the video and audio permissions. If you only want to audio call, then simply decline the permissions on the video.

All video/audio calls are hosted through Twilio. If you have problems at any time, we recommend troubleshooting the following:

  • Your browser permissions for audio/video on the pad itself. Sometimes you may have declined the permissions, or your browser has automatically set these for you.
  • Network issues. Check on your network status by going to networktest.twilio.com.


7. Prepare for the debrief & end the interview

Take Private Interviewer Notes

During the interview CoderPad gives you the ability to type out private notes. The candidate is not able to see these notes. All notes can be saved in markdown.

To access the interviewer notes, simply click on the Private Interviewer Notes tab located in the right pane of the pad, next to the Program Output tab. You can switch between these tabs at any point during the interview.

The right side of the screen is highlighted as is the "private interviewer notes" tab above it.

End the interview

To end your live interview, click the ‘End Interview’ button on the lower right hand corner. This puts the pad into Playback Mode

The ‘End Interview’ button is only accessible to interviewers and will prevent any future pad access by candidates.

An arrow pointing to the "end interview" button.

❗You can’t access playback mode until you click on End Interview in the bottom right hand corner of the pad.

Review Playback

CoderPad tracks every single keystroke of every participant’s solution within a pad during the interview. Once the interview has ended, interviewers will be able to replay the entire interview keystroke by keystroke. This is useful to review during a debrief to easily recall how a candidate reached their solution.

To access the playback, simply navigate back to your Pads List on your dashboard, find the pad you want to review, and click on Playback:

A pad is highlighted in the pads list on the dashboard with an arrow pointing to the playback button on the far right of the row.

The Playback screen will look similar to this:

A playback bar at the bottom of the screen with playback controls and the screen playback itself at the top of the screen.