Web Dev 1: Put Your First Page Online (Free)

🟢 Easy

Publish your first webpage on the real internet — your own "about me" page, like a digital poster with your name on it. Costs nothing, no card needed. This is the first rung of a 3-task web dev ladder (Web Dev 1 → 2 → 3) — each one is a real portfolio piece, and web skills like these turn into paid freelance work.

You need: a laptop or desktop (phones fight you on this), an email address.

What your page should have

A heading with your name (or nickname), a short "About me" paragraph, and the ownership line (see step 3). That's the minimum. Ideas if you want more: what you're good at, what you're learning, your favorite music or game, a way to contact you.

Only share what you're comfy with — never your home address, phone number, or passwords.

Steps

1. Create a free account at github.com if you don't have one.

2. Make a new public repository named my-first-page.

3. In the repo, add a file called index.html with your page. Somewhere visible, include this ownership line (replace the placeholder with your own lightning address):

   satsboard <your-lightning-address>

4. Go to repo Settings → Pages → set Source to your main branch, Save.

5. Wait 1-2 minutes, then open https://<your-username>.github.io/my-first-page/ — your page must load and show the ownership line.

Never written HTML? Let AI start it for you

You don't have to write every line from scratch. Use any free AI chat (ChatGPT, Gemini, Copilot — all have free tiers) to get a starting page, then make it yours. The trick is giving the AI good details — a lazy prompt gets a generic page that could be anyone's.

Copy this fill-in-the-blanks prompt, complete every blank with YOUR answers, paste it in the chat:

My name (or nickname) is ___.
I'm from ___ (country, region — whatever you're comfy sharing).
My days look like ___ (school, work, helping at home — your real day).
What I'm good at is ___.
What I want to learn next is ___.
I love ___ (music, games, football, anything you actually love).
One fun fact about me: ___.

Build my first "about me" webpage as ONE HTML file for a total
beginner: bright and colorful but readable, big name heading,
sections About Me / What I'm Good At / What I'm Learning / My
Favorites, a fun-fact box with a border, smooth hover effects.
All CSS inside the file, no external files, no frameworks.

Then make it yours — ask follow-ups like "make the fun fact box yellow", "add a section about my favorite game", "swap the order of the sections". One change at a time, check the result, keep going.

The 5 rules of a good AI prompt

1. Say WHO the page is for: "my first about me page" beats "make a website".
2. Give real details — the blanks above are the difference between a page that's yours and a page that's anyone's.
3. Say the format: "ONE HTML file, all CSS inside the file".
4. Describe the look in plain words: "bright and colorful", "clean and simple", "dark background with neon accents".
5. Fix by follow-up, not restart: "the text is too small on phone" gets you further than asking again from zero.

What to Submit

In notes field, enter exactly:

url | https://<your-username>.github.io/my-first-page/
live | ok (page loads, ownership line visible)

Plus 1 screenshot of the live page open in your browser.

⚠️ Important

• If you used AI, you must have filled every blank with your real answers and asked at least one follow-up to personalize it — a raw generic AI dump is rejected. Hand-written HTML is equally fine.
• No placeholder text left on the page ("Your Name Here", lorem ipsum, unfilled blanks from the prompt) — rejected.
• The page must contain the word satsboard and your lightning address, or rejected.
• Repo must stay public and page online at least 7 days after submission.