← Back to admin

Admin guide

How to run your classes and share code snippets with participants.

Sign in

  1. Go to /admin and sign in with the email and password created for you in Supabase.
  2. You'll see your dashboard. Each instructor only sees and manages the classes they created.

Create a class

  1. In the New class box, type a name (e.g. Python 101 — Tuesday) and select Create class.
  2. Grabbit assigns the class a short join code. You can create as many classes as you need, and run several at once — each has its own separate snippet feed.
  3. Each class card shows the date and time it was created, in your own timezone, so repeat classes with similar names are easy to tell apart. Newest classes are listed first.

Rename a class

  • Select Rename next to a class name — on your dashboard, or at the top of the class's own page — type the new name and select Save name. Cancel (or the Esc key) backs out and changes nothing.
  • The join code and link stay the same, so participants already on the page aren't disturbed and links you shared earlier keep working. Renaming mid-class is safe.
  • Participants see the new name the next time their page updates — when you share the next snippet, or when they reload.

Invite participants

  • Each class card shows a Join link. Select Copy link and share it (chat, slides, email). Participants open it directly — no sign-in needed.
  • Or just read out the code; participants can enter it on the home page to join.

Share snippets

  1. Select Open on a class to reach its page.
  2. Paste your code into the New snippet box and select Share snippet (or press Cmd/Ctrl + Enter). It appears for participants instantly.
  3. You can add an optional title above the code (e.g. Exercise 3: binary search) to help participants tell snippets apart. Leave it blank and the snippet posts exactly as before.
  4. Pick the language next to the title to get syntax highlighting — Python, C, C++, JavaScript or TypeScript. Your choice sticks for the next snippet, so you only set it once per class.
  5. Leave it on Plain text for anything that isn't code (announcements, output, notes). Plain text wraps onto the next line instead of scrolling sideways.
  6. Choose Hyperlink to share a web address — slides, a dataset, a form. Participants get a link they can open in a new tab instead of a URL they have to select and paste. Put one address per line to share several at once.
  7. Choose Markdown for formatted notes — headings, bold, lists, tables, quotes and links, written the usual way (## Steps, **bold**, - a bullet). Good for instructions, a reading list or a mark scheme.
  8. If the Markdown can't be formatted — a ** or a code fence left open, a table whose rows don't line up — participants see it exactly as you typed it instead of a mangled version, and the box tells you so before you share.
  9. Indentation and tabs are preserved exactly, so Python and other whitespace-sensitive code stays correct. The Tab key inserts a real tab instead of moving focus.
  10. Only the 10 most recent snippets per class are kept; older ones drop off automatically.

Pin a snippet

  • A pinned snippet stays at the top of the feed for you and for every participant, however many snippets follow it. Handy for the day's task, a dataset, or the room rules.
  • To pin one you already shared, select Pin on it. To pin one as you post it, tick Pin to the top of the class in the New snippet box.
  • Only one snippet per class can be pinned. While one is pinned the other Pin buttons are greyed out — select Unpin on the current one first, then pin the new one.
  • A pinned snippet is never dropped by the keep-the-last-10 rule, so it stays put for the whole class.

Fix a snippet you sent

  • Select Edit on a snippet to correct its code, title or language in place — no need to delete it and paste a fresh copy.
  • Select Save changes and participants see the corrected version straight away. Cancel (or the Esc key) backs out and changes nothing.
  • The snippet keeps its place in the feed and stays pinned if it was pinned — it doesn't jump to the top and push everything else down mid-class.
  • An edited snippet is marked Edited for everyone, so participants who copied the old version know to copy it again.

Short links

  • Select Short links on the dashboard to turn a long address — a slide deck, a repo, a form — into a short one like /s/week-3, short enough to read off a shared screen.
  • Paste the address and select Create link. Leave the code box empty and you get a random six-character code; type your own and you get that instead, in lowercase letters, digits and hyphens. If somebody already has the code you asked for, you are told so rather than handed a different one.
  • A few codes are reserved — admin, login and billing among them — so a Grabbit link can never look like part of the app or like somewhere you would type a password.
  • Short links belong to you, not to a class, so the same one keeps working across every class you teach and across terms.
  • Delete, then Confirm delete?, retires a link immediately: anyone who follows it afterwards gets a “not found” page, so retire one only when you know it isn't still on a slide somewhere.

QR codes

  • Every join link and every short link has a small QR code beside it. That one is a preview, too small to scan — select it to open the code full size in a new tab, ready for the projector.
  • Download PNG saves the code as an image, for a slide or a printed handout.
  • A short link's code carries /s/<code>, not the address it currently points at. A QR you printed last term keeps working after you repoint the link behind it.

Delete snippets or a class

  • To remove a single snippet, select Delete on it, then Confirm?. It disappears for participants too.
  • To remove a whole class, select Delete on its dashboard card, then Confirm delete?. This also deletes all of that class's snippets and invalidates its join link.

Light or dark

  • Select the round button in the bottom-right corner of any page to switch between light and dark — handy when projecting to a room. It starts out matching your device's setting and remembers your choice afterwards.
  • The choice is per browser and yours alone: it doesn't change what your participants see.

Roles: admins & super admin

  • A regular admin can only manage classes they created.
  • A super admin can view and manage every class across all instructors — useful for a course coordinator. Their dashboard shows all classes, marking ones owned by other admins.
  • The super-admin role is granted in Supabase by whoever administers the project (see the project README). It takes effect the next time that user signs in.