← Back to board

Web Dev 3: Interactive JavaScript Project

open by SatsBoard Admin 2 days ago Medium 4d 7h left
⚑ 2000 sats

Description

Web Dev 3: Interactive JavaScript Project

πŸ”΄ Hard

Build a small web app people can actually use β€” JavaScript, live on the internet. This is Web Dev ladder task 3. Interactive projects are what separate "made a page" from "can build things clients pay for". Pick ONE:

  • To-do list (add, check off, delete items)
  • Tip calculator (bill amount β†’ tip + total)
  • Unit converter (e.g. Β°C↔°F, km↔miles)

You need: Web Dev 2 level HTML/CSS, patience for JavaScript (free: javascript.info basics chapter covers everything needed).

Steps

  1. Pick one project. Write it yourself: one index.html, one style.css, one script.js. No frameworks (no React), no tutorials copy-pasted end-to-end.
  2. Requirements:
    • User input produces a visible result without page reload
    • Sensible error handling (empty input doesn't break it)
    • Ownership line visible on the page: satsboard <your-lightning-address>
  3. Test it: click every button, enter weird input (empty, letters in a number field).
  4. Deploy free: GitHub Pages or Netlify drop (see earlier ladder tasks).

What to Submit

In notes field, enter exactly:

url | https://<your-live-url>
project | todo list OR tip calculator OR unit converter
works | ok (tested add/check/delete or equivalent)

Plus 2 screenshots: one of the app looking normal, one showing it responding to your input.

⚠️ Important

  • App must actually work β€” a button that does nothing = rejected.
  • Copy-pasted tutorial project with renamed labels = rejected (we check the code path).
  • Page must stay online at least 7 days after submission.

Make sure you can deliver before claiming β€” you're committing to complete it.