Skip to main content

Teacher Panel

Teachers (administrators) have access to an extensive management panel that lets them run classes, assign and grade tasks, monitor student activity, analyze their progress, and ensure safety on the platform.

The admin panel is divided into tab sections:

  • Platform (superuser only) — platform statistics, user management, organizations, and billing
  • Classroom — Students, Groups, Challenges, Projects, Chat Logs, Moderation
  • School — Lesson Plans, Activity (owner), Settings

The default tab depends on the user's role: superusers see Overview, owners see Groups, and teachers see Students. All panels support server-side pagination and search (50 items per page). Tabs stay mounted, so their state is preserved when switching between them.

Managing student accounts​

Teachers create and manage student accounts:

  • Creating accounts — the teacher sets up an account for each student with a username and password
  • CSV import — bulk student account creation by uploading a file with a list (name, username, password). Ideal at the beginning of the school year or when setting up a new group
  • CSV export — download a list of students in CSV format, useful for archiving or reporting
  • Editing profiles — change display names, passwords, and account settings
  • Avatars — each student has a colorful avatar with their initials or can upload their own photo

Invitation codes​

Instead of creating accounts manually, the teacher can generate an invitation code and share it with students. The student goes to the website, enters the code, and creates their own account — automatically joining the appropriate group. This is the most convenient way to add students.

Group management​

Teachers can organize students into groups corresponding to classes or session times:

  • Creating groups — e.g., "Monday 4:00 PM", "Class 6a", "Advanced"
  • Multiple groups — any number of groups can be managed simultaneously
  • Assigning teachers — on the School plan, the organization owner can assign teachers to specific groups using a dropdown menu. Each teacher then sees only their own students
  • Assigning students — add and remove students from groups with a single click
  • Tracking progress — view the status of all students in a group
  • Storage limits — set default storage space per group
  • Group-bound invitation codes — generate invitation codes tied to a specific group so that new students automatically join the correct group

Challenges and lessons​

Assigning challenges​

Teachers assign challenges to students from the panel:

  • Assign to a group — assign a challenge to all students in a group with one click
  • Individual assignment — assign a challenge to selected students
  • Due date — the teacher can set a deadline for when the student should complete the task
  • Two types of challenges — step-by-step lessons (HTML, CSS, JS, Python) and CSS Battle challenges

Grading work​

After a student completes a challenge, the teacher can:

  • Assign a grade — a score on a scale of 0-100
  • Write feedback — written comments to help the student improve
  • Review solutions — preview the code submitted by the student

For CSS Battle challenges, the platform automatically calculates the match percentage against the target — the teacher sees the score alongside the student's solution.

Auto-grading​

The system supports configuring automatic grading rules for each challenge. This allows many submissions to be graded instantly without manual intervention.

Available rule types:

  • output_match — compare the code output against expected output
  • contains_element — check if the HTML code contains a required element (e.g., <header>, <ul>)
  • css_property — check if an element has a required CSS property (e.g., color: red)
  • code_contains — check if the source code contains a specific fragment
  • regex_match — match the code against a regular expression

Auto-grading workflow:

  1. The teacher configures rules for a challenge in the Challenges tab
  2. When a student submits a solution, the system automatically evaluates the rules
  3. The teacher can preview auto-grading results before applying them
  4. Batch grading allows grading multiple submissions at once

Auto-grading does not replace manual review — the teacher can always override the automatic grade with their own score and feedback.

Code reviews​

Teachers can conduct detailed code reviews of student submissions:

  • Review submissions — a list of submissions awaiting review
  • Inline annotations — add comments on specific lines of code
  • Annotation types — suggestions (how to improve the code), issues (errors to fix), praise (highlighting good solutions)
  • Review workflow — each review goes through stages: pending -> in_review -> completed

Code reviews allow teachers to work individually with each student and precisely point out areas for improvement directly in the code.

Learning paths​

Learning paths let teachers create ordered sequences of challenges that students complete step by step.

Creating paths​

  • Ordered sequence — the teacher arranges challenges in the proper order, creating a logical learning path
  • Reordering — steps can be moved up and down at any time
  • Adding and removing — new challenges can be added to a path, and existing ones can be removed

Gate steps​

The teacher can mark a specific step as a gate step. A student must complete the gate step before proceeding to subsequent challenges in the path. This ensures that students master key concepts before moving on.

Assignment and tracking​

  • Assign to students and groups — a path can be assigned to individual students or an entire group
  • Track progress — the teacher can see which step each student is on
  • Progress visualization — a graphical view of student advancement through the path

Gradebook​

The gradebook gives teachers an overview of all student results in one place:

  • Matrix view — a table with challenges as columns and students as rows, showing the grade for each submission
  • CSV export — download the complete gradebook in CSV format for further analysis or archiving
  • Batch operations — bulk grading, assigning, and managing submissions

The gradebook combines data from manual grading, auto-grading, and CSS Battle challenges into one unified view.

Analytics and statistics​

The analytics panel gives teachers deep insight into student activity and engagement.

Student activity heatmap​

The heatmap visualizes daily student activity on the platform. Teachers can see at a glance which days and times students are most active, helping with scheduling lessons and setting assignment deadlines.

Engagement snapshots​

Weekly summary of key metrics:

  • Active students — how many students were active in a given week
  • Completion rate — percentage of completed challenges
  • Churn rate — how many students have stopped using the platform

Event tracking​

The system records detailed activity events:

  • Logins — when students log in
  • Saves — saving files in projects
  • Submissions — submitting challenge solutions
  • Chat messages — communication with the AI assistant

With this data, teachers can identify students who need additional help and those who are most engaged.

Lesson plans (Konspekty)​

The Lesson Plans module lets teachers create and organize lesson plans directly on the platform.

Creating lesson plans​

  • Title and description — each lesson plan has a title and a detailed description
  • Subject and level — specify the subject and grade level
  • Duration — estimated lesson duration in minutes
  • PDF file — attach a PDF file with materials
  • Teacher AI assistant — while editing a lesson plan, a "Lesson Assistant" button appears in the bottom-right corner. The panel helps you write quizzes, propose practical tasks, generate lesson structure, and it can factor in your current draft. See the AI Chat doc for details.

Card and table views​

The lesson plans list has two views — Cards (visually differentiated by language) and Table (fast scanning, sorted by module and lesson number). The toggle is next to the search field; the choice is stored in your browser.

Lesson plans list in the Cards view with language-tinted gradients

The same list in the Table view

Visibility and organization​

  • Plan availability — Lesson plans are available on the Teacher and School plans
  • Teacher-scoped visibility — teachers see only their own lesson plans and those assigned to them by the owner (School plan)
  • Owner view — the organization owner sees all lesson plans
  • Assignment — the owner can assign lesson plans to specific teachers (School plan; see: Two-tier material management)

Lesson plans live at /dashboard/konspekty in the teacher dashboard.

Two-tier material management​

On the School plan, the organization owner can manage access to educational materials (challenges and lesson plans) using a two-tier model.

How it works​

  1. Owner creates materials — challenges and lesson plans created by the owner are visible to them across the entire organization
  2. Assign to teachers — the owner assigns materials to selected teachers using the TeacherAssignPopover component (available in the Challenges and Lesson Plans tabs)
  3. Teacher sees their materials — teachers see only materials they created themselves and those assigned to them by the owner
  4. Teacher assigns to students — teachers assign materials to their students from the pool of available materials

Assignment operations​

  • Individual assignment — assign one material to one teacher
  • Bulk assignment — simultaneously assign multiple challenges or lesson plans to multiple teachers
  • Unassign — remove a material assignment from a teacher
  • View assignments — a list of all assignments with an optional filter by teacher

Assignment operations are available exclusively to the organization owner.

Monitoring AI chats​

Teachers can view students' conversations with the AI assistant:

  • Chat history — browse recent messages from all students
  • Filtering — view conversations from a specific student
  • Chat sessions — see conversation topics and message counts
  • Deleted sessions — even after deletion by the student, the teacher retains access

This helps teachers understand what problems students are facing and adjust the pace of their lessons.

Content moderation​

The moderation panel helps maintain safety on the platform:

  • Automatic alerts — the system automatically detects inappropriate words in student code and chat (in Polish and English)
  • Review queue — new alerts appear in the panel with a text excerpt and student information
  • Review and resolve — the teacher can review the context and mark an alert as resolved
  • Email notifications — the teacher receives an email about new moderation alerts

Learn more in the Security chapter.

Activity log​

The panel includes an activity log (audit log) that records important events in the organization:

  • Student logins
  • Project creation and deletion
  • Challenge completion
  • Account and group changes
  • And other actions

The log shows the last 100 events and allows the teacher to track what is happening on the platform.

Browsing projects​

Teachers can browse all student projects:

  • Project list — a view of all projects with author and size information
  • Content preview — the ability to review student code

Organization settings​

The organization owner (and teachers on plans with appropriate permissions) has access to settings:

  • Platform language — choose the interface language (Polish, English, Spanish)
  • Content moderation — enable or disable automatic content scanning
  • AI assistant — temporarily disable AI for all students (e.g., during a test)
  • AI model — configure the AI model (available to superusers only)

Teachers have access to classroom controls (AI toggle, moderation), while AI model configuration is reserved for superusers.

Easy to use​

The teacher panel is accessible through a browser, with no additional software installation required. The interface is clear and intuitive — no technical knowledge is needed. All features are available from tabs within a single admin panel, with server-side pagination and search on every screen.