Web Dev 3: Interactive JavaScript Project
β‘ 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
- Pick one project. Write it yourself: one
index.html, onestyle.css, onescript.js. No frameworks (no React), no tutorials copy-pasted end-to-end. - 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>
- Test it: click every button, enter weird input (empty, letters in a number field).
- 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.
Login to claim this task
Login with Lightning Address