Coding Challenges – CoderPad https://coderpad.io Online IDE for Technical Interviews Mon, 25 Sep 2023 15:54:30 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://coderpad.io/wp-content/uploads/2024/01/cropped-coderpad-favicon-32x32.png Coding Challenges – CoderPad https://coderpad.io 32 32 Code Challenge: Hotel Booking Demand https://coderpad.io/blog/coding-challenges/code-challenge-hotel-booking-demand/ https://coderpad.io/blog/coding-challenges/code-challenge-hotel-booking-demand/#respond Mon, 25 Sep 2023 15:54:27 +0000 https://coderpad.io/?p=36415 Python is a popular language used by data scientists to carry out data science tasks such as the analysis and reporting of data including data visualizations. At CoderPad, we are excited to announce the integration of Jupyter notebooks to elevate data science interviews that replicate everyday work.

For this code challenge, you have been provided with the Hotel Booking Demand dataset which provides valuable insights into customer booking behavior, preferences and trends in the hospitality industry. This two part challenge aims to test your understanding of how you can interact with data and explore it to unveil important hidden information as well as craft visualizations that spotlight various aspects of the dataset.

Part one: Interacting with the dataset

Code challenge solution

Verify your solution with the official solution in this sandbox.

Part two: Crafting visualizations

Code challenge solution

Verify your solution with the official solution in this sandbox.

More resources

We have made available these extra resources to improve your Python coding skills:

Want to conduct interviews on this platform?

Check out CoderPad : pick any interview question or create your own, then invite your candidate to a shared live-coding session on an IDE like this one. You even get 2 free interviews per month forever using this registration link!

]]>
https://coderpad.io/blog/coding-challenges/code-challenge-hotel-booking-demand/feed/ 0
Code Challenge: Consuming API In Spring https://coderpad.io/blog/coding-challenges/code-challenge-consuming-api-in-spring/ https://coderpad.io/blog/coding-challenges/code-challenge-consuming-api-in-spring/#respond Wed, 14 Jun 2023 17:00:00 +0000 https://coderpad.io/?p=34823 Spring is a popular Java framework for building web applications. In Spring applications, consuming APIs is a common requirement for interacting with external services or fetching data from remote servers. One of the ways to achieve this is by utilizing the RestTemplate class, which provides a convenient way to send HTTP requests and handle responses.

In the code challenge, you’re required to use the RestTemplate exchange method to complete a set of tasks provided in the instructions tab in the sandbox below:

Code challenge solution

Verify your solution with the official solution in this sandbox.

More resources

We have made available these extra resources to improve your Spring coding skills:

Want to conduct interviews on this platform?

Check out CoderPad : pick any interview question or create your own, then invite your candidate to a shared live-coding session on an IDE like this one. You even get 2 free interviews per month forever using this registration link!

]]>
https://coderpad.io/blog/coding-challenges/code-challenge-consuming-api-in-spring/feed/ 0
Code Challenge: Django Models https://coderpad.io/blog/coding-challenges/code-challenge-django-models/ https://coderpad.io/blog/coding-challenges/code-challenge-django-models/#respond Thu, 25 May 2023 20:46:32 +0000 https://coderpad.io/?p=34236 Django is a popular Python framework for building web applications. For this code challenge, you can complete it by:

  1. Defining a one-to-one relationship between the user model and the profile model.
  2. Creating a many-to-many relationship between the category model and the product model.

Please see the instructions written directly in the pad to proceed.

đź’ˇ Remember to share your solution with the hashtag #CoderpadCodeChallenge Twitter and LinkedIn.

Code challenge solution

Verify your solution with the official solution in this sandbox.

More resources

We have made available these extra resources to improve your Django coding skills:

Want to conduct interviews on this platform?

Check out CoderPad : pick any interview question or create your own, then invite your candidate to a shared live-coding session on an IDE like this one. You even get 2 free interviews per month forever using this registration link!

]]>
https://coderpad.io/blog/coding-challenges/code-challenge-django-models/feed/ 0
Code Challenge: Responsiveness in HTML https://coderpad.io/blog/coding-challenges/coding-challenge-responsiveness-in-html/ https://coderpad.io/blog/coding-challenges/coding-challenge-responsiveness-in-html/#respond Wed, 10 May 2023 11:56:48 +0000 https://coderpad.io/?p=33797 The goal of this challenge is to test your knowledge on responsiveness and implementation of dropdowns to create interactive websites by accomplishing the goals listed in the next section. We have provided you a book club website in the sandbox below.

Goals

  • For a viewport of 628px, implement a breadcrumb that toggles the navigation links on click. The links should be vertically aligned as commonly seen in mobile phones. Also, implement a dark background for the navbar.
  • On screens >628px (larger screens), rather than have related information as navigation links, embed the links: Support us and Our partners as dropdowns inside the Get involved navigation link. The dropdown should be visible on hover.
  • On click of the Support us dropdown link, it should navigate to the Subscribe to our newsletter.

Side notes

You can add new html elements in the html file and style them using any class names you desire. What matters is the output.

Code challenge solution

Verify your solution with the official solution in this sandbox.

More resources

We have made available these extra resources to improve your HTML coding skills:

Want to conduct interviews on this platform?

Check out CoderPad : pick any interview question or create your own, then invite your candidate to a shared live-coding session on an IDE like this one. You even get 2 free interviews per month forever using this registration link!

]]>
https://coderpad.io/blog/coding-challenges/coding-challenge-responsiveness-in-html/feed/ 0
Code Challenge: Simple Search https://coderpad.io/blog/coding-challenges/coding-challenge-simple-search/ https://coderpad.io/blog/coding-challenges/coding-challenge-simple-search/#respond Wed, 03 May 2023 14:02:08 +0000 https://coderpad.io/?p=33644 For this code challenge, you are provided with a website that has a vulnerability. Can you fix it?

Please check the sandbox below for further instructions:

More resources

We have made available these extra resources to improve your Django coding skills:

Want to conduct interviews on this platform

Check out CoderPad : pick any interview question or create your own, then invite your candidate to a shared live-coding session on an IDE like this one. You even get 2 free interviews per month forever using this registration link!

]]>
https://coderpad.io/blog/coding-challenges/coding-challenge-simple-search/feed/ 0
Code Challenge: Toggle With CSS https://coderpad.io/blog/coding-challenges/tiny-interview-toggle-with-css/ https://coderpad.io/blog/coding-challenges/tiny-interview-toggle-with-css/#respond Wed, 26 Apr 2023 15:53:51 +0000 https://coderpad.io/?p=33288 For this code challenge, you have been tasked with improving the aesthetic of a web page by implementing a color mode toggle and adding animations.

The goal of this challenge is to test your understanding of HTML and CSS by completing the task items:

  • On the top right corner of the page, you should find the moon icon. Clicking on it should toggle between light and dark mode but nothing happens at the moment. You are required to create a class titled dark-mode with your focus on styling the class to attain dark mode.
  • The picture element has been created in the index.html file. You are to add images inside the element using the html source element. The goal is to add two images. One of them will be rendered when max-width is 500px and the other on larger viewports.

We have provided some template code in the sandbox to get you started. Implement your solution in the sandbox below:

Code challenge solution

Verify your solution with the official solution in this sandbox.

Want to conduct interviews on this platform?

Check out CoderPad : pick any interview question or create your own, then invite your candidate to a shared live-coding session on an IDE like this one. You even get 2 free interviews per month forever using this registration link!

]]>
https://coderpad.io/blog/coding-challenges/tiny-interview-toggle-with-css/feed/ 0
Code Challenge: Python Longest Subarray https://coderpad.io/blog/coding-challenges/tiny-interview-python-longest-subarray/ https://coderpad.io/blog/coding-challenges/tiny-interview-python-longest-subarray/#respond Wed, 05 Apr 2023 04:00:00 +0000 https://coderpad.io/?p=32958 In a street with colored houses, you want to take a picture containing the most houses, but without any duplicate colors. In this code challenge, you are tasked with finding the longest possible sub-array containing only unique values.

Please check the sandbox below for further instructions:

More resources

We have made available these extra resources to improve your Python coding skills:

Want to conduct interviews on this platform?

Check out CoderPad : pick any interview question or create your own, then invite your candidate to a shared live-coding session on an IDE like this one. You even get 2 free interviews per month forever using this registration link!

]]>
https://coderpad.io/blog/coding-challenges/tiny-interview-python-longest-subarray/feed/ 0
Code Challenge: React Controlled Input https://coderpad.io/blog/coding-challenges/tiny-interview-react-controlled-input/ https://coderpad.io/blog/coding-challenges/tiny-interview-react-controlled-input/#respond Wed, 29 Mar 2023 16:00:00 +0000 https://coderpad.io/?p=32729 State management is a method of controlling communication between different parts of state and their usage, including React components.

The goal of this challenge is to test your knowledge on state management by completing the task items:

  • Implement a controlled input component, the input fields have been provided already.
  • Implement a submit functionality on the form, so that when the submit button is clicked, the values of the controlled input component are added to the table below.
  • The input fields should be cleared immediately the form is submitted.

We have provided some template code in the sandbox below that will help you get started. Implement your solution in the sandbox below:

Code challenge solution

Verify your solution with the official solution in this sandbox.

More resources

We have made available these extra resources to improve your React coding skills:

Want to conduct interviews on this platform?

Check out CoderPad: pick any interview question or create your own, then invite your candidate to a shared live-coding session on an IDE like this one. You even get 2 free interviews per month forever using this registration link!

]]>
https://coderpad.io/blog/coding-challenges/tiny-interview-react-controlled-input/feed/ 0
Code Challenge: Django Search Filter https://coderpad.io/blog/coding-challenges/tiny-interview-django-search-filter/ https://coderpad.io/blog/coding-challenges/tiny-interview-django-search-filter/#respond Wed, 22 Mar 2023 15:46:00 +0000 https://coderpad.io/?p=32139 Django is a popular Python framework for building web applications. For this code challenge, you have been provided with an employee management application with a database comprising the following employee information: name, email, sex, age, position and date joined. Your task is to implement the following functionalities:

  • Add a page that lists all the female employees in the company.
  • Improve the search box feature to return employee matching the name supplied.

Please see the instructions written directly in the pad to proceed.

đź’ˇ Remember to share your solution with the hashtag #CoderpadCodeChallenges on Twitter and LinkedIn.

Code challenge solution

Verify your solution with the official solution in this sandbox.

More resources

We have made available these extra resources to improve your Django coding skills:

Want to conduct interviews on this platform?

Check out CoderPad : pick any interview question or create your own, then invite your candidate to a shared live-coding session on an IDE like this one. You even get 2 free interviews per month forever using this registration link!

]]>
https://coderpad.io/blog/coding-challenges/tiny-interview-django-search-filter/feed/ 0
Code Challenge: Vue Counter App https://coderpad.io/blog/coding-challenges/tiny-interview-vue-counter-app/ https://coderpad.io/blog/coding-challenges/tiny-interview-vue-counter-app/#respond Wed, 15 Mar 2023 15:34:33 +0000 https://coderpad.io/?p=31799 Vue is a popular JavaScript library for building frontend applications and user interfaces. It builds on HTML, CSS and JavaScript and employs a declarative model for building components. You can try out Vue on the Vue CoderPad sandbox to have a feel of the library.

For this code challenge, you have two tasks to perform on this Vue application:

  • Implement the feature for increasing and decreasing the count by 1.
  • Implement the feature for persisting the count value in the browser’s local storage so that when the page is reloaded, the value of the count remains the same as before the reload.

Please see the instructions written directly in the pad to proceed:

đź’ˇ Remember to share your solution with the hashtag #CoderpadTinyInterviews on Twitter and LinkedIn.

Want some more challenge?

If you completed the original goal, why not try the following bonus exercise?

  • Implement checks that prevents the counter value from being negative.
  • Allow the counter value to be increased or decreased by custom values.

Code challenge solution

Verify your solution with the official solution in this sandbox.

More resources

We have made available an extra resource to improve your Vue coding skills:

Want to conduct interviews on this platform?

Check out CoderPad : pick any interview question or create your own, then invite your candidate to a shared live-coding session on an IDE like this one. You even get 2 free interviews per month forever using this registration link!

]]>
https://coderpad.io/blog/coding-challenges/tiny-interview-vue-counter-app/feed/ 0