Ship Your Own App — No Coding Background Required
Vercel lets you take an HTML file — or a Claude-generated app — and turn it into a live, shareable URL in under 5 minutes. No server. No hosting fees for small projects. No technical gatekeeping.
You don't need to hire a developer to have a live app. You need a GitHub account, a Vercel account, and one file. That's the entire stack for 90% of what most tutors will ever need to build.
— The simplest path to a live productQuiz & Assessment Tool
A topic-specific quiz for your students. Tracks score, shows answers. Share the URL after class.
Booking / Enquiry Page
A clean landing page for your programme with a contact form — no WordPress needed.
Progress Tracker
A simple dashboard where students log their practice hours or revision sessions each week.
Revision Worksheet
An interactive HTML worksheet with fill-in answers, hints, and a submit button — shareable instantly.
Lead Magnet Page
A simple download or email capture page for your free resource. Live in minutes.
Member Portal
A password-protected resource hub — exactly like this one. Pure HTML + localStorage. No backend.
Create Your Accounts (5 minutes)
You need two free accounts. Go to github.com and sign up — GitHub is where your files live. Then go to vercel.com and sign up using your GitHub account. That connection is what makes deployment automatic: every time you update a file on GitHub, Vercel re-deploys in seconds.
Both accounts are free for the kind of projects tutors build. You only pay if you need a custom domain or heavy traffic — neither of which applies at the start.
Create a GitHub Repository
Think of a repository (repo) as a folder for your project. On GitHub, click New Repository. Give it a name (e.g. my-quiz-app). Set it to Public (required for free Vercel deployment). Click Create Repository.
You can create as many repos as you want. One repo = one project = one live URL.
Add Your HTML File
In your new repo, click Add file → Create new file. Name it exactly index.html — this is the file Vercel will serve as your homepage. Paste in your HTML content (built with Claude, Cursor, or by hand). Scroll down and click Commit changes.
my-quiz-app/
index.html ← your app lives here
style.css ← optional: separate CSS
script.js ← optional: separate JS
Import Your GitHub Repo into Vercel
Go to your Vercel dashboard. Click Add New → Project. You'll see your GitHub repos listed — click Import next to your project. Vercel will auto-detect that it's a static HTML site. Click Deploy.
That's it. In about 30 seconds, Vercel gives you a live URL like my-quiz-app.vercel.app. Share it with anyone.
Every Update is Automatic
This is the part that saves the most time. After the first deployment, you never have to touch Vercel again. Every time you edit your index.html on GitHub and commit, Vercel automatically re-deploys. The live URL updates within 20–30 seconds.
This means you can iterate fast — ask Claude to improve a section, paste it into GitHub, and your live app is updated before the next student refresh.
Custom Domain (Optional)
By default your app lives at yourproject.vercel.app. If you want a proper URL like myquiz.com, buy a domain from Namecheap or Google Domains (~$15/year), then add it in Vercel under Project → Settings → Domains. Vercel handles the SSL certificate automatically.
.vercel.app URL is enough to start — especially for tools you're sharing directly with students or parents. Get it live first. Polish the domain later.
Describe What You Want
Open Claude (claude.ai) and describe your tool in plain English. Be specific about what it does and who uses it. The more detail you give, the better the output.
"Build me a single HTML file quiz app for PSLE Maths
revision. Include 10 multiple choice questions about
fractions. Show the score at the end. Use a clean white
and navy design. Everything in one index.html file."
Claude will output a complete, working HTML file. Copy the entire output.
Paste → Commit → Live
Paste Claude's output into your index.html on GitHub. Commit. Vercel deploys. Done. You now have a live app at a shareable URL.
If something doesn't look right, tell Claude: "The score isn't showing at the end — fix that" or "Make the buttons bigger on mobile." Paste the updated code back in. Repeat.
Use Claude Code for Bigger Projects
If you're building something more complex — a full portal, a multi-page app, a tool with user accounts — use Claude Code (the desktop CLI) rather than the web interface. Claude Code can read, edit, and create multiple files at once, run scripts, and push to GitHub automatically. It's what was used to build this entire portal.
Start with one small tool. A quiz. A checklist. A single landing page. Get it live, share the URL, and see the reaction. That feedback loop — build, ship, share, improve — is faster than any planning session you'll ever have.The barrier to having a live, professional-looking app is lower than it has ever been. You don't need to know how to code. You don't need to hire anyone. You need an idea, a conversation with Claude, and two free accounts.
GitHub holds the files. Vercel makes them live. Claude builds them. The whole stack costs nothing to start and takes an afternoon to learn.
Pick one tool your students actually need. Build it this week. Ship it before you're ready.