HackerRank assessments for Front-end, Back-end, Full-stack and Mobile Developer roles offer the flexibility to use either the HackerRank-provided VS Code IDE or your local git-based IDE to solve project-type problems. However, we highly recommend using the HackerRank IDE for a seamless and integrated testing experience.
Why Choose the HackerRank IDE?
Using the HackerRank IDE allows you to:
- Access Built-in Features Offered by the latest VS Code: The HackerRank IDE includes built-in tools and features specifically designed for assessments like Intellisense, making it easier to run tests and view real-time changes.
- Simplify the Setup Process: You won’t need to worry about local environment configurations or dependencies; everything is pre-configured for you.
- Seamless Integration: Your code will automatically save, and you can easily submit your work without the hassle of managing local repositories.
Pre-requisites for a Projects Test
To ensure a smooth experience while taking a project test, please make sure to meet the following requirements:
- Latest Browser Versions: We recommend using the latest Chrome, Firefox, or Edge versions for optimal performance.
- Disable Browser Extensions: Disable all browser extensions that might interfere with the test environment.
- Enable Third-Party Cookies: Allow third-party cookies in your browser settings to ensure the editor loads successfully.
- Network requirement: Your network should meet the following conditions to ensure a smooth experience. As shown in the screenshot, a network indicator will appear in the top-right corner of the interface.
Category |
VSCode (RTT in ms) |
JupyterLab (RTT in ms) | Network Speed (Mbps) | Bars (JupyterLab) | Bars (VSCode) |
Good | <250 | <100 | 10 Mbps (4G) | 🟩🟩🟩 (Three Bars) | 🟩🟩🟩 (Three Bars) |
Average | 250 - 500 | 100 - 250 | 1 Mbps (3G) | 🟨🟨 (Two Bars) | 🟨🟨 (Two Bars) |
Bad | 500 - 1000 | 250 - 500 | 0.5 Mbps (2G) | 🟥 (One Bar) | 🟥 (One Bar) |
Very Bad warning popup is shown |
>1000 | >500 | <0.5 Mbps (2G) | ❌ (No Bars) | ❌ (No Bars) |
For more information on the necessary configurations, please refer to Cookie settings for HTML, CSS, JavaScript, and Projects Questions.
Answering Project Assessments
- Access the assessment portal by clicking the "Start Test" button in your invitation email.
- Please read the instructions carefully and try our sample test to get acquainted with the platform.
- Choose Your IDE: We recommend using the HackerRank IDE for ease. If you prefer using your local environment, ensure you meet all the software requirements.
- Environment Setup: HackerRank will automatically configure the environment. Once setup is complete, click Go To Test to begin.
- HackerRank will configure the environment for you. After setup, click on Go To Test to start.
Using the HackerRank IDE
We recommend you take the test in fullscreen to allow maximum space for coding with limited distractions.
- The installation process starts automatically once the question loads. If you exit or terminate this process, you may need to manually install dependencies by going to the run menu and clicking “Install.”
- Use the Run button in the Run menu to execute your code.
- Click on Run Tests to execute test cases against your code.
Select Open Preview from the Run menu to view the application website, or click the Preview button in the editor's top right corner. To see the application on the full screen, click the arrow icon.
Note: You may need to allow pop-ups for the application to launch in a new tab, enabling you to see changes in real time.
You can hide the question description to expand the coding space further.
- Access the Terminal: Click Terminal in the menu bar to open it when needed.
- Maintain UI Structure: Please avoid modifying IDs or classes of existing UI elements, as they are crucial for the unit tests.
If the total test time elapses, you will be automatically logged out, and your most recent auto-saved code will be used for evaluation.
If you are satisfied with your answers, click Submit Code in the bottom right corner. You can just change your submissions as often as you need before the test ends.
Using the Local IDE
You can use your local IDE by clicking on Local IDE in the top right corner of the assessment interface. This option allows you to work in your preferred development environment and code as you like.
- Set Up Your Local Environment: Before you begin, ensure your local setup includes all the necessary dependencies. This step is crucial to ensure compatibility with the HackerRank platform and to avoid any issues when running your project.
- Clone the Git Repository:
- On the next page, locate the section labeled Clone git repository.
- Copy the provided git link for the project.
- Open your terminal and use the git clone command to download the project onto your local machine.
- Manage Your Commits:
- After making changes to your project, you can view all your commits and browse files in a read-only browser within the HackerRank interface.
- This section will automatically refresh each time you push a new commit to display your most recent changes, allowing you to keep track of your progress.
- Test Your Code: To ensure your code functions as expected, click the Run Tests button in the page's lower right corner.
-
Submit Your Code:
- Once you are confident in your solution, click the Submit Test button to submit your code for evaluation.
- You are allowed to submit your code multiple times before the deadline. However, remember that only the code on the "master" branch will be considered for your final evaluation.