Grade student web projects, beautifully.
Stop reviewing HTML, CSS, and JavaScript homework over your students' shoulders. Share a link, let them upload their project, then read the code, run it live, and grade it — with an AI second opinion.
Students need no account · HTML · CSS · JavaScript
▾ project
index.html
style.css
script.js
▸ img
<h1>Hello world</h1>
.btn {
background: #c1fbd4;
}
// looks good ✓
From shared link to final verdict.
Create & share a link
Write the brief, generate one link, and drop it in your class chat. No setup for students.
Students upload their work
They open the link, add their name, and upload a folder, files, or a .zip — images and all.
Review, preview & grade
Read every file, run the project live, get an AI review, and mark it pass or fail with feedback.
A real editor, in the browser.
Open any submission into a VS Code-style workspace — the full project tree, syntax highlighting, and inline image preview. Nothing to download, nothing to install.
- Browse every file and folder they submitted
- Monaco editor with real syntax highlighting
- Images and media render right inline
index.html
style.css
script.js
▸ img/
function init() {
document.querySelector(
".btn"
)
}
My Portfolio
Front-end assignment · week 4
View workRun their code. Instantly.
One click renders their index.htmlwith its CSS, JavaScript, and images — in a sandboxed frame that can't touch your account. See exactly what the student built.
- Relative paths, images, and scripts all resolve
- Opaque-origin sandbox keeps your session safe
- Refresh to re-run after you read the code
An AI second opinion, on tap.
Hit one button and get a structured, beginner-friendly review of the submission — what's done well, the bugs, and concrete suggestions. Bring your own Grok or Groq key; it runs only when you ask.
- Strengths, issues, and a suggested verdict
- References the exact files and code
- On-demand, so your API spend stays in control
Summary
Clean, semantic HTML and a responsive layout. A couple of accessibility and JS issues to address.
Issues & bugs
Suggested verdict: Pass
Built for the way you actually teach.
Folder & zip uploads
Whole project trees, media included — the wrapper folder and junk files are handled for you.
VS Code-style editor
Monaco-powered editor with a real file tree, syntax highlighting, and image preview.
Sandboxed live preview
Run student index.html safely in an isolated frame — their code never touches your session.
AI code review
An instant, structured critique of each submission powered by Grok / Groq.
Co-teachers
Invite other instructors from the admin panel; everyone grades from one place.
Private by default
Submissions live in private storage; previews are sandboxed and isolated.
Questions, answered.
Do students need an account?+
No. They open the link you share, enter a name and email, and upload — that's the whole flow.
What can students upload?+
A whole project folder, individual files, or a .zip. HTML, CSS, JavaScript, images, fonts, and small media are all supported.
How does the live preview work?+
Their index.html runs inside a sandboxed iframe with an opaque origin, so the code renders exactly as built but can never reach your teacher session.
Which AI powers the review?+
Any OpenAI-compatible model — xAI Grok or Groq. You bring your own key and pick the model; reviews run on demand so spend stays predictable.
Can I add other teachers?+
Yes. Admins create co-teacher accounts from the admin panel, and each new teacher is emailed their sign-in details.
Start grading the better way.
Create your first assignment in under a minute. Your students just need the link.
