Skip to main content

CodeHop: Track Student Progress with the Reports App

Learn more about how you can use CodeHop Reports to track your students' computer science journey in real-time.

Written by Jiahao Xian
CodeHop License Required

Navigating to the Progress Reports

The Progress dashboard provides live tracking of your class's overall performance and lesson completion. With visual indicators, you can evaluate progress at a glance by seeing each student's exact assignment status. To access this page, navigate to the left-hand menu of your CodeHop Teacher Homepage and select Reports > Progress.

Screenshot showing the Progress page in CodeHop Reports

Using the Grading Key

The Grading Key provides a quick, visual breakdown of your students' assignment statuses and grading stages. Use the Track student submission toggle to customize how you track progress and manage submissions on your dashboard. Enabling this feature allows students to resubmit their work.

Screenshot of Track student submission toggle that can be enabled on and off for tracking student assignment submission statuses

When Track student submission is "Off":

Image for Grading Key when Track Student Submission is turned off

  • Teacher Marked Complete / Teal: The assignment has been reviewed and graded by the teacher

  • Opened / Green: The student has opened the assignment

  • Unopened / Grey: The student has not opened the assignment

  • Blue Circle: The student has opened the assignment most recently

When Track student submission is "On":

Image for Grading Key when Track Student Submission is turned off

  • Teacher Marked Complete / Teal: The assignment has been reviewed and graded by the teacher

  • Submitted / Green: The student submitted the assignment for teacher grading

  • Opened / Yellow: The student has opened the assignment

  • Unopened / Grey: The student has not opened the assignment

  • Blue Circle: The student has opened the assignment most recently

Edit Assignment Completion

The Edit Progress button provides you with full control over your students' assignments by allowing you to override assignment statuses. This tool can be used to help you grade and track offline assignments that don’t have submittable components.

Screenshot showing how to navigate to the Gradebook page in CodeHop highlighting the Edit Progress button in the Progress page

Once you click the Edit Progress button, the dashboard enters an active "Editing..." mode, and a green banner will appear at the top of the screen.

Screenshot showing when teacher is Editing Progress for a student's assignment

Assignment completion can be marked either on an individual student basis or in bulk by the entire lesson.

Editing Completion Status by Individual Assignment

To mark a student's assignment complete, click on an individual student's assignment within the lesson column. Once selected, the indicator will change to a teal bubble with a check mark inside a dotted circle status, showing that the change is pending and ready to be saved.

Image of teal bubble with a check mark inside a dotted circle status

GIF showing when teacher is marking student's assignment from the lesson to complete in Editing Progress mode

To undo a teal completion, select an individual student's completed assignment within the lesson column. Once selected, the indicator will change to a washed teal bubble with a dash symbol inside a dotted circle status, showing the changes are pending and ready to be saved.

Image of washed teal bubble with a dash symbol inside a dotted circle status

GIF Image showing when teacher is marking a student's assignment to uncomplete in Editing Progress mode

Editing Completion Status in Bulk by Lesson

To mark an entire lesson complete for all students at once, click the check "" column button located directly beneath the lesson name. Once selected, the indicators for the entire column will shift to a teal bubble with a check mark inside a dotted circle status, showing that the changes are pending and ready to be saved.

teal bubble with a check mark inside a dotted circle status

GIF showing when teacher is marking all student's assignment from the lesson to complete in Editing Progress mode

To undo teal completion on an entire lesson for all students at once, click the "✗" column button located directly beneath the lesson name. Once selected, the indicator for the entire column will change to a washed teal bubble with a dash symbol inside a dotted circle status, showing that the undo changes are pending and ready to be saved.

Image of washed teal bubble with a dash symbol inside a dotted circle status

Image of teal bubble with a check mark inside a dotted circle status

To help you track your changes, the teal banner will switch to yellow and indicate the total number of pending changes.

To finish, click Save from the banner to reflect the changes immediately, or click Cancel to discard your pending updates.

Image showing the yellow banner that indicates change pending with Cancel and Save button to reflect any changes

Export Progress Data

To use your student progress data outside of CodeHop, you can easily download it as a spreadsheet file:

  1. Select the Export button from the Progress dashboard

  2. Select your preferred file format:

    1. Excel (.xls)

    2. CSV (.csv)

Screenshot highlighting how to export the Progress data to .xlxs or .csv


CodeHop Curriculum is included with a CodeHop License. If you believe you should have access to the CodeHop Platform, please reach out to your Customer Success Manager or send an email to sales@codehs.com.

Did this answer your question?