Create a Code Challenge #

Help for Creators #

• Guidelines and guidelines again! You can read the guidelines available on the platform, each of the sections of the guidelines can help you better understand the rules and what you need to do to create a successful challenge.

• Bring the popcorn! We have created a video tutorial where you can see step by step, what you have to do to create a challenge. Following this tutorial and reading all the documentation, you shouldn't have any more problems in creating a challenge.

Requirements #

Only users that have the levels as: Ambitious DOJO, Persistence DOJO and Expert Dojo can create a new challenge.

How to create a challenge step by step #

1. First you will have on the My Challenges page the section NEW DRAFT

2. After pressing the NEW DRAFT button, you will need to add 3 details, the Name (Fig. 1), a Slug (Fig. 2) that will be generated by title or custom and the Template (Fig. 3).

Fig. 1

Fig. 2

Fig. 3

3. Select the code challenge template you like. In this example, we will select the NodeJS template (Fig. 4).

Fig. 4

1. Once you finish these steps press Create draft and you will be redirected to the edit challenge page.

2. On the edit page, you will find 3 sections: Challenge info (Fig. 6), Files (Fig. 7), and Dependencies (Fig. 8).

Fig. 5

Fig. 6

Fig. 7

Follow these simple steps to create your DojoCode Challenge:

The first tab, Challenge Info (Fig. 9). Here you can write your description for the challenge. You have 3 categories in this tab:

The Title is the first thing you have to complete on the Challenge Info Page. Try to make the chosen title interesting and short. We don't want a boring and long title, the idea is to catch the audience.

Another important part that you need to complete on the Challenge Info is the actual description. Writing the description is a very important process. Here you have different functions at your disposal that can help you create the clearest and highest quality content. Among the functions are the choice of type of writing, the choice of titles, and different writing styles such as bold, italic, or underline, but you also can add pictures or links.

You can insert videos in your Challenge Description to have a more explicit or detailed challenge description. You can embed the video from YouTube or Vimeo, by adding the link in the specific area. (Fig. 9.1)

Fig. 9.1

You can also select or create tags for your code challenge. You can simply type something in Tags input and select a tag if exists or you can simply press enter and will create one based on what you typed.

Fig. 8

For NodeJS code challenges you can also enable browser preview. A good example would be an Express application where we aim to create a server with routes to which we can send requests. Once you click on this option, the browser preview will open on the right side, allowing us to see the changes in our REST API application (see Fig. 9).

Fig. 9

In the Files tab, you are supposed to upload the test files or other preloaded files that are needed for the challenge. Based on the template you choose, we will generate a boilerplate for you, providing some starting files for modification. You can also import or export files for your code challenge by clicking on the right icon in the "Files" section and selecting an option (Fig. 10).

A quick and easy solution is as follows: if you wish to work in an IDE, you can export the initial files, unzip them on your computer, and open the folder using your favorite IDE. When you have finished working, simply import a new zip file containing your code challenge files.

Fig. 10

In the Initial Tests and in All Tests you need to upload the tests that verify the users' solutions to the challenge.

In the Preloaded Files section, add the initial part of the solution that users will see when they begin to tackle the challenge. This is an introduction to the challenge solution, not the full solution (Fig. 11).

• Hidden File: This file will not be visible when the challenge loads on the View Page, but users can toggle hidden files' visibility.
• Read-Only File: This file cannot be edited by users attempting to solve your code challenge.
• Redacted File: This file will not be sent for validation when the solution is submitted.
• Initially Opened File: This file will be the first one opened when a user attempts to solve your code challenge. Only one file can have this property.

Fig. 11

The final category in the Files tab is Author Solution Files. Here, you upload the final solution for the challenge. This part will only be available to users after they unlock the Solution version of the challenge.

The last tab, Dependencies, is where you select the necessary dependencies for your challenge to be solvable. This is an important detail as there might be code libraries or frameworks that you wish to use in the project.

Fig. 12

Know what you want! In the beginning, it's good to know exactly what you want from your challenge. To create the exact description and request and to make yourself understood, it is good to outline exactly what you aim to achieve with the challenge.

Know your competition! Try your challenge not to be similar to others on the platform. The more original, the better.

It is recommended that for each uploaded challenge the creators read the guidelines and all its subchapters.

Once you are happy with your challenge and do not want to make any additional changes, you can publish it. Initially, your challenge will not have a difficulty rate, it will be acquired along the way. However, you can set a default difficulty (Fig. 14). This difficulty will be helpful for calculating the rating of a contest user for challenges that are not rated yet by the community. Read on to find out how your challenge will receive difficulty level.

Fig. 14

After publishing a Code Challenge #

After publishing a Code Challenge you will no longer be able to edit your code challenge. Your code challenge will be submitted for review(BETA process), where users will vote on the challenge difficulty.

How does a challenge get its difficulty rating? #

The first 3 users who complete and finish the challenge and who want to vote the difficulty of the challenge, will be able to give a difficulty score. This score starts from 1 and goes up to 3:

• 1 represents beginner
• 2 is intermediate
• The highest value in the scoring system is 3 which represents expert.

The difficulty will be represented by the average of the first 3 users who choose to vote for the challenge.

It is not mandatory for a user to vote for the difficulty of the challenge, but if you solve a challenge without difficulty, you will receive the points for solving that challenge only after it has the difficulty set.

For the first 3 users who choose to vote for the difficulty, they will receive, in addition to the difficulty score of the challenge, established later, a bonus of 40 points because they chose to vote for the difficulty. The bonus consists of 20 points because they solved a challenge without difficulty and 20 points because they chose to give it a difficulty rate.

If a user solves a challenge that does not have a difficulty rating but chooses not to vote for its difficulty, he will receive a bonus of 20 points.

After the difficulty has been set, the users who solved the challenge before will receive the score according to its difficulty.

After a challenge has received the first 3 votes, and the voting period has ended, it receives the difficulty rate and is put under the "approved" status.