Create a second interactive app: Travel Packing Checklist.

Your app must include:

• A title and short travel message.

• At least six packing items.

• A checkbox beside each item.

• A completed-item counter.

• A reset button.

• A progress message that changes as items are checked.

Example packing items:

• Water bottle.

• Cap.

• Notebook.

• Charging cable.

• Comfortable shoes.

• Rain jacket.

Rules:

• Use only index.html, style.css and app.js.

• Keep it frontend-only.

• Do not add login, backend, database, API keys or deployment setup.

• Create your own AI prompt first.

• Test every checkbox and the reset button locally.

• Create a Git commit and push the finished work to GitHub.

Homework Submission

Submit:

1. One screenshot of Travel Packing Checklist running in the local browser.

2. One screenshot showing the completed-item counter working.

3. One screenshot of GitHub showing your latest commit.

4. Your AI prompt saved in travel-checklist-prompt.txt.

Lesson Complete When

You can confidently say:

• “I can build a page that responds when a user clicks something.”

• “I can test checkboxes, counters and reset buttons.”

• “I understand why temporary changes can disappear after refresh.”

• “I can use AI for one clear feature instead of asking for a huge app.”

• “I can save my finished work with Git and GitHub.”