Admin guide
How to run your classes and share code snippets with participants.
Sign in
- Go to /admin and sign in with the email and password created for you in Supabase.
- You'll see your dashboard. Each instructor only sees and manages the classes they created, plus any another instructor has shared with them.
Create a class
- In the New class box, type a name (e.g. Python 101 — Tuesday) and select Create class.
- 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.
- 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.
Duplicate a class
- Select Duplicateon a class's dashboard card to copy it — handy for running the same session again next week. The copy appears at the top of your dashboard, named after the original with (copy) on the end; rename it to suit.
- The copy carries over the class's snippets, including the pinned one, in the same order. It gets a new join code, so participants of the original don't land in the new session by accident.
- The copy is dated when you duplicated it, and so are its snippets — not when the original was created.
- The copy is yours, even when you duplicate a class someone shared with you. It isn't shared with anyone until you share it.
Share a class with another instructor
- Open a class and scroll to Instructors. Type the email your colleague signs in to Grabbit with and select Share class.
- The class then appears on their dashboard, marked (shared with you). They can post, pin, edit and delete its snippets and duplicate the class, just as you can.
- Renaming the class, deleting it and choosing who it's shared with stay with you, its owner.
- Remove, then Confirm remove?, next to an instructor stops sharing with them. An instructor can also give a class back themselves with Leave — on its dashboard card or in its Instructors list.
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
- Select Open on a class to reach its page.
- Paste your code into the New snippet box and select Share snippet (or press Cmd/Ctrl + Enter). It appears for participants instantly.
- 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.
- 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.
- 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.
- 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.
- 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. - 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. - 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.
- Each class keeps 15 snippets. When a new one arrives, the one at the bottom of the feed drops 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-15 rule, so it stays put for the whole class.
Reorder snippets
- Select ↑ or ↓on a snippet to move it one place up or down. Every participant's feed follows straight away.
- New snippets still arrive at the top, wherever you've moved the others.
- When the class is full, the snippet at the bottom is the one that drops off — so move an older snippet up to keep it around, or down to let it go first.
- The pinned snippet always stays above the rest and has no arrows. Unpin it and it goes back to where it was.
- Moving a snippet doesn't mark it Edited or change which one is Latest.
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.
- Each link shows how many times it has been opened and when it last was. It counts visits, not people: a participant who opens it twice counts twice, your own test clicks count too, and chat apps that preview a pasted link may add one of their own. Nothing about who opened it is recorded.
- 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, and work in classes other instructors have shared with them.
- 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.
- A super admin can also share anyclass with any instructor except the class's own owner. The email box suggests every instructor as they type.
- A class can't be shared with a super admin: they can already open every class, so a share would add nothing.
- 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.