Skip to content

Commit

Permalink
Merge pull request #2269 from breatheco-de/Charlytoc-patch-13
Browse files Browse the repository at this point in the history
Create how-to-review-code.md
  • Loading branch information
tommygonzaleza authored Apr 30, 2024
2 parents a2a78be + 8745ace commit 06a4f49
Showing 1 changed file with 58 additions and 0 deletions.
58 changes: 58 additions & 0 deletions how-to-review-code.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
# Guide to Effective Code Reviews

Code Reviews are one of the most interesting features of 4Geeks.com. They provide mentors with a quick tool to review code, and students with additional feedback to improve as developers. A Code Review, as the name suggests, is simply a comment regarding a portion of code. In this article, we will analyze the desirable characteristics that a Code Review should have to be effective for the student.

Let's start with the basics:

# How to perform a Code Review on the 4Geeks.com platform?
### Step 1: **Select a program.**
If you are a mentor, you have a dashboard where you can see the different programs or cohorts you are in. The first step to perform a Code Review is to enter one of these programs.

![example programs](https://github.com/breatheco-de/breatheco-de/assets/107764250/ed6cfb70-bd4a-4571-b632-7d1d82bd76a4)

### Step 2: Go to the **Assignments** section
You need to perform Code Reviews on a student's submission, so head to that section.
![assignments](https://github.com/breatheco-de/breatheco-de/assets/107764250/8e818c70-d71f-4e1b-ba1c-b20359468234)

### Step 3: **Select the projects view**

![Select projects view](https://github.com/breatheco-de/breatheco-de/assets/107764250/a5604dd2-4d69-4d44-b80f-76eda5c61020)

### Step 4: **Select a project**
The projects available for Code Review are those that have been submitted, these will appear with a blue button and the text "Review" on it. Press that button.

![review button](https://github.com/breatheco-de/breatheco-de/assets/107764250/2da5d7e5-6953-48ec-95a3-bb18da4ad4f0)

### Step 5: **Start doing Code Reviews**
If the project does not have at least 3 Code Reviews, it cannot be marked as **Approved** or **Rejected**. Press the "Start code review" button to begin reviewing.

![Start code review](https://github.com/breatheco-de/breatheco-de/assets/107764250/08e37594-b12f-4e3d-a56c-1b3383fdc187)

### Step 6: **Select the Commitfile you want to review**
A commitfile is a file modified by a student in a particular commit. By default, Rigobot analyzes the last three commits of a repository, and depending on the **Committer** of interest, extracts the necessary files in each commit. Commitfiles are a fundamental part of the Code Review, it's good to know the use of that file in the project you are reviewing so that the review makes more sense.

What does each item in the Commitfiles modal mean?
**File**: It is the file modified by a student in a commit.
**Feedback status**: It gives us information about whether the student has already reviewed and rated the Code Review or not.
**Reviews**: The number of Code Reviews that each file has.

Select a Commitfile with the button: **Start Review**.

![commitfiles view](https://github.com/breatheco-de/breatheco-de/assets/107764250/e82e7315-2673-4a68-ae85-5eafd909945e)

### Step 7: **Select a portion of code from the Commitfile**
When you select a Commitfile, a modal will display with the code of that particular file, you can select the lines you want to comment on, then press the blue button to start the Code Review.

> Suggestion: Review all the code first, so you can know exactly where the code has flaws or possible improvements before going and selecting any part that seems improvable, the files usually have a sense and this sense is important for giving quality reviews.
![Select code from commitfile](https://github.com/breatheco-de/breatheco-de/assets/107764250/6e8f7dd7-08de-4d26-b39d-2b3b492a7f1f)

![Selected code](https://github.com/breatheco-de/breatheco-de/assets/107764250/f2565833-b79a-4a2e-ae32-8f29d1c2b326)

### Step 8: **Write the comment.**
Commenting on the Code Review is perhaps the most important part. Later you will find a guide to points to consider when writing a quality Code Review. After writing a quality comment, press the **Submit** button and you will have completed your first Code Review.

![Write a comment](https://github.com/breatheco-de/breatheco-de/assets/107764250/53c88ae8-2a22-496b-a13e-65f3bdb2102a)



0 comments on commit 06a4f49

Please sign in to comment.