Skip to main content

Getting Started: Teacher

This guide will walk you through setting up the Tutor IDE platform — from registration to running your first classes using all available tools.

1. Register​

Go to app.tutoride.dev and click "Sign up". Enter your details and create an account.

After registration, your organization will be automatically created — this is the space where you will manage students and classes.

2. Choose a plan​

The Free plan is available to start with, allowing you to test the platform. If you plan to teach a group of students, choose one of the paid plans:

  • Teacher — up to 100 students, 1 teacher, ideal for tutors and small groups
  • School — up to 1,000 students, up to 10 teachers, for coding schools with multiple teachers

You can change your plan at any time in the organization settings.

3. Create student groups​

Go to the Admin Panel and open the Groups tab. Create groups corresponding to your classes, e.g.:

  • "Monday 4:00 PM"
  • "Wednesday 5:00 PM"
  • "Advanced group"

Groups help you organize students and assign challenges to an entire group at once.

If you are on the School plan, you can assign teachers to specific groups — each teacher will only see students from their assigned groups.

4. Add students​

There are three ways to add students to the platform:

Creating accounts manually​

In the Students tab, click "Add Student". Enter a username and password — done. Give the student their login credentials at the beginning of class.

CSV import​

If you have many students, you can import them from a CSV file. Prepare a file with the student list (username, password, group) and upload it in the panel. All accounts will be created automatically.

Invitation code​

Each group has a unique invitation code. Share it with students — they can create their own account on the platform and join the group by entering the code. This is the fastest method when students have their own email addresses.

5. Assign challenges​

Go to the Challenges tab in the admin panel. You'll find two types of tasks:

  • Lessons — step-by-step tasks with instructions and starter code
  • CSS Battle — challenges where students recreate an image using HTML and CSS

Select a challenge and assign it to a specific student or an entire group. You can set a due date to motivate students to complete their work on time.

6. Configure auto-grading​

To save time on grading, configure automatic grading rules:

  1. Open the challenge details in the Challenges tab
  2. Add auto-grading rules — choose the rule type:
    • output_match — compare output against expected result
    • contains_element — check for the presence of an HTML element
    • css_property — check a CSS property value
    • code_contains — check for a code fragment
    • regex_match — match against a regular expression
  3. Save the rules — from now on, student submissions will be graded automatically
  4. You can preview results before applying them and override the automatic grade if needed

Auto-grading is especially useful for challenges with clear-cut correct answers, such as checking whether a page contains required HTML elements.

7. Create learning paths​

Learning paths let you arrange challenges into a logical sequence:

  1. Go to the Learning Paths section in the panel
  2. Click "Create path" and give it a name
  3. Add challenges in the proper order — drag to reorder them
  4. Mark key steps as gate steps — students must complete these before proceeding
  5. Assign the path to students or an entire group

Paths are ideal for running courses, e.g., "Introduction to HTML" with 10 sequential lessons where each one builds on the previous.

8. Create lesson plans​

The Lesson Plans module lets you build structured lesson plans:

  1. Go to the Lesson Plans tab in the School section of the admin panel
  2. Click "New lesson plan"
  3. Fill in the fields: title, description, subject, grade level, duration
  4. Optionally attach a PDF file with materials
  5. Save the lesson plan — it will be visible to you and the organization owner

Lesson plans help you organize teaching materials and plan the flow of your classes.

9. Monitor student work​

The admin panel gives you full visibility into student activity:

Projects​

In the Projects tab, you can see all your students' projects — their names, size, creation date, and last edit date. You can open any project and review its contents.

AI chat​

In the Chat Logs tab, you can browse students' conversations with the AI assistant. You can see what they're asking and what answers they receive. This helps you understand what students are struggling with.

Moderation​

In the Moderation tab, you'll find alerts about inappropriate content in student code or chat. The system automatically detects and reports such cases.

10. Use code reviews​

Code reviews allow you to work in detail with student solutions:

  1. Open a student's submission awaiting review
  2. Review the code and add inline annotations — click on a line to add a comment
  3. Choose the annotation type: suggestion (how to improve), issue (error to fix), or praise (highlighting something good)
  4. After completing the review, change the status to completed

Code reviews give students specific feedback, pointing out exactly which lines of code need improvement.

11. Analyze statistics​

The analytics panel gives you insight into student activity and engagement:

Activity heatmap​

The heatmap shows when students are most active — on which days and at what times. This helps you plan lessons and set assignment deadlines.

Engagement snapshots​

Weekly summary of key metrics: how many students were active, what percentage of challenges were completed, and how many students have stopped using the platform.

Events​

Detailed event tracking: logins, file saves, solution submissions, and chat messages. This lets you identify students who need additional support.

12. Use the gradebook​

The Gradebook brings all results together in one place:

  • Open the Gradebook in the admin panel
  • You see a table: challenges as columns, students as rows
  • You can download the gradebook in CSV format for further analysis
  • Use batch operations to grade and manage submissions in bulk

13. Grade work manually​

When a student completes a challenge (lesson), you can grade their work:

  1. Open the Challenges tab and select a lesson
  2. Click on the student's attempt to see their solution
  3. Assign points (0-100) for the quality of the solution
  4. Write feedback — praise what went well and suggest what can be improved

CSS Battle tasks are graded automatically by the system (pixel comparison), but you can also review and comment on them.

14. Assign materials to teachers (School plan)​

If you are the organization owner on the School plan, you can manage access to materials:

  1. Go to the Challenges or Lesson Plans tab
  2. Use the Assign to teachers component (icon next to the material)
  3. Select the teachers you want to assign the material to
  4. You can also use bulk assignment — select multiple materials and teachers at once
  5. Teachers will only see materials assigned to them and those they created themselves

This lets you precisely control which materials are available to which teachers.

15. Track progress​

The platform collects information about student progress:

  • Leaderboard — student ranking by XP points (this week, this month, or all time)
  • Achievements — which badges students have earned
  • Challenges — how many tasks each student has completed and what scores they achieved
  • Learning paths — which step of the path each student is on
  • Activity — action log in the organization (visible to the owner)

Tip: Start by creating one group, adding a few students, and assigning the first challenge. Then configure auto-grading for simple tasks and create your first learning path. Once you feel comfortable, expand your organization with more groups, lesson plans, and advanced analytics. The platform is easy to use — no technical knowledge required.