Tutor IDE — A Platform for Learning to Code
Tutor IDE is a comprehensive educational platform where young creators take their first steps in programming. Students write HTML, CSS, JavaScript, and Python code in a professional online editor, see the results of their work instantly, earn points and badges, solve mini-games and challenges, and publish finished projects on the internet at a real URL.
Who is it for?
- Coding schools and academies — a ready-made tool for running web development and programming classes, with an analytics dashboard, gradebook, and lesson plans
- Teachers — a panel for managing students, assigning challenges, reviewing code, auto-grading, and monitoring progress with activity heatmaps
- Parents — a safe space with a parent dashboard to monitor your child's progress via a secure link
- Students (ages 8-16) — a friendly environment with mini-games, learning paths, daily quests, and 44 achievements to unlock
What makes Tutor IDE stand out?
Professional code editor in the browser
Students work in the same editor used by professional developers — with syntax highlighting, code suggestions, and a live preview. No installation needed — just open a browser.
Multi-language support
In addition to HTML, CSS, and JavaScript, the platform also supports Python — students can run Python code directly in the browser without installing anything on their computer.
Mini-games with difficulty levels
On the Learn page, students will find educational mini-games with three difficulty levels (Easy, Medium, Hard). Each game awards 0 to 3 stars based on the score. Unlocking a higher difficulty requires earning at least one star on the lower level. Games are a great way to learn through play — students earn XP and sharpen their skills.
Learning Paths
A structured curriculum with progression gates. Students advance through stages — from HTML basics, through CSS, all the way to advanced JavaScript. Each stage ends with a gate challenge that must be completed to move forward. This ensures solid foundations at every level.
Interactive lessons
Lessons that combine theory, quizzes, and practical coding tasks in one block. Students first learn a new concept, then answer comprehension questions, and finally write code — all within a single lesson, without jumping between tabs.
Step-by-step challenges
Ready-made tasks with increasing difficulty guide the student from their first HTML page, through CSS styling, all the way to interactive JavaScript. Each challenge includes a code template with comments and hints. Teachers can grade student work by assigning a score and written feedback.
Auto-grading
The platform automatically checks and scores student solutions — teachers receive ready results without needing to manually review every submission. This saves time and lets teachers focus on teaching.
CSS Battle — pixel battles
A special challenge mode where students recreate a target image using CSS code. The platform automatically compares the result with the original and calculates a match percentage — it's great fun and excellent precision training for CSS.
Gamification with 44 achievements
A system of experience points (XP), 44 achievements across 10 categories, activity streaks, and leaderboards motivates students to learn regularly. By creating projects, completing challenges, playing games, and being active on the platform, students earn points, advance to higher levels, and unlock unique badges with custom images.
Daily Quests
Daily objectives to complete — such as "Create a new project", "Solve a challenge", or "Play a mini-game". Quests help maintain learning consistency and reward students for daily activity.
AI assistant that helps you learn
A built-in AI chat assistant helps students understand new concepts, shows code examples, and encourages independent experimentation. The assistant speaks in simple language tailored to students' age.
Code Reviews
Teachers can review student code and add annotations directly in the code — pointing out what's done well and what could be improved. It's an effective way to provide individual feedback.
Portfolio with a real URL
Every student can publish their projects and share them with family, friends, or their teacher using a real web link.
Parent Dashboard
Parents can monitor their child's progress via a secure link — they can see activity, earned achievements, and learning progress without needing to create an account.
Analytics and activity heatmaps
Teachers have access to detailed analytics: activity heatmaps, engagement metrics, student progress statistics, and reports that help adjust the learning pace to the group's needs.
Gradebook with CSV export
A full gradebook with all student results — challenges, CSS Battle, projects. Data can be exported to CSV and opened in a spreadsheet application.
Lesson Plans (Konspekty)
Teachers can create and store lesson plans with PDF files. On the School plan, the owner can assign materials to individual teachers.
Notifications
The notification system keeps students informed about newly assigned challenges, grades, and important platform events.
Safety first
The platform was designed with the safety of young users in mind — with automatic content moderation, activity limits, and teacher oversight.
How does it work?
- Teacher creates student accounts, organizes groups, and assigns challenges
- Student logs in and sees an onboarding checklist that guides them through the first steps
- Mini-games and learning paths let students learn through play and progress at their own pace
- Live preview shows changes instantly — the student sees their page right next to the code
- AI assistant is available anytime the student needs help
- Daily quests and gamification reward progress with XP points, stars, and badges
- Auto-grading and code reviews give students immediate feedback
- Parent dashboard lets parents track their child's progress
- Publishing — the student publishes a finished project with one click and gets a shareable link
Plans and pricing
Tutor IDE offers four plans tailored to different needs:
| Free | Hobby | Teacher | School | |
|---|---|---|---|---|
| Students | 1 | 1 | up to 100 | up to 1,000 |
| Teachers | -- | -- | 1 | 10 |
| Projects per student | 5 | 25 | 50 | 50 |
| Storage space | 25 MB | 100 MB | 100 MB | 100 MB |
| AI assistant | 5 msgs/day | 30 msgs/day | unlimited | unlimited |
| Portfolio publishing | yes | yes | yes | yes |
| Mini-games | yes | yes | yes | yes |
| Parent dashboard | yes | yes | yes | yes |
| Analytics & heatmaps | -- | -- | yes | yes |
| Gradebook (CSV) | -- | -- | yes | yes |
| Code reviews | -- | -- | yes | yes |
| Learning paths | -- | -- | yes | yes |
| Auto-grading | -- | -- | yes | yes |
| Lesson plans | -- | -- | -- | yes |
| Material assignment | -- | -- | -- | yes |
Payments are processed through Stripe — a secure payment system used worldwide. Subscriptions can be monthly or annual.
Platform features
Learn more about individual features:
- Code Editor — a professional environment for writing HTML, CSS, JS, and Python
- AI Assistant — an intelligent tutor that helps you learn
- Student Portfolio — publishing and sharing projects
- Teacher Panel — managing students, challenges, and grades
- Security — content protection, limits, and privacy
- Challenges & Lessons — step-by-step tasks and CSS Battle
- Gamification — XP points, levels, achievements, and leaderboard
- Plans & Pricing — plan comparison and payment information
- Getting Started: Student — a guide for students
- Getting Started: Teacher — a guide for teachers