Skip to main content

Student Portfolio

Tutor IDE students can publish their projects on the internet and share them with the world. Every published project gets a real URL that can be sent to family, friends, or a teacher.

Publishing a project​

Publishing is simple — just one click in the editor. The student decides when their project is ready to show others. Published projects are accessible at a clean web address.

Publishing is available on the Hobby, Teacher, and School plans.

Real URLs​

Each project is available at an address in the format:

https://code.tutoride.dev/student-name/project-name/

This is a real link that works like any other website — it can be opened in any browser, sent in a message, or pasted on a social media platform.

Portfolio homepage​

At code.tutoride.dev there is a page showcasing all students and their published projects:

  • Student cards with avatars and links to projects
  • Clean presentation — each student sees their work alongside their classmates' projects
  • Modern design — the page looks professional and invites exploration
  • Server-rendered — the portfolio page is generated server-side (server-side rendering), ensuring lightning-fast loading and excellent search engine visibility (SEO)

Student profile pages​

Each student has their own profile page at code.tutoride.dev/student-name/:

  • Avatar — an uploaded photo or a colored initials circle
  • Bio — a short description written by the student
  • Stats — number of published projects and other achievements
  • Project grid — all published projects displayed in a clear layout

Profile pages are also server-rendered — they are fast, accessible, and search engine friendly.

Avatar system​

Students can personalize their profile with an avatar:

  • Custom photo — students can upload any photo as their avatar, which will be visible in the portfolio, on their profile, and in the platform navigation
  • Colored initials — if a student doesn't upload a photo, a colored circle with their initials is displayed
  • Color picker — students can choose the background color for their initials avatar using the color picker in profile settings

Profile customization​

In account settings, students can customize their public profile:

  • Display name — a name or nickname visible publicly, independent of the username
  • Bio — a short text describing the student, their interests, or skills
  • Profile color — a color selected via the color picker that affects the appearance of the initials avatar
  • Live preview — all changes are visible immediately in a preview before saving

Motivation to learn​

The portfolio is not just a showcase — it's motivation. When a student sees that their page works on the real internet with a real address, programming becomes something tangible. They can say: "This page is mine and anyone can see it."

XP for publishing​

Publishing projects is a way to earn experience points (XP) in the gamification system. For each published project, the student receives 25 XP, which contributes to leveling up and unlocking achievements. It's an extra incentive to create and share their work.

Privacy control​

  • Only published projects are publicly visible
  • The student decides which projects to publish
  • Unpublished projects remain private and visible only to the student