Image URL tips

• Right-click any public image → Copy image address.
• Test the URL in an incognito window; if it fails/hotlink-blocked, pick a different source.

4) Test Locally

• Open index.html directly, or run with “Live Server” in VS Code.
• Confirm your card appears and search works with your name.

5) Commit & Push

git add .
git commit -m "Add <your-name> card"
git push -u origin add-<your-username>-card

6) Open a Pull Request

• On GitHub: Compare & pull request → base repo: sapnendra/filterusers, base branch: main.
• Fill details:
  • Title: Add <your-name> card
  • Description: What you changed and any notes (image source, tags, etc.).
• Submit the PR. If review asks changes, push more commits to the same branch:

git commit -m "Address review: updated image URL"
git push

✅ Checklist (Before You Open PR)

• My entry matches the exact keys used in the file (e.g., img vs image).
• Image URL loads publicly (try incognito).
• No stray console errors in DevTools.
• I’m on a feature branch (not main).
• Commit message is clear.

🧩 Troubleshooting

• Git not found: Install from https://git-scm.com
• Permission denied (push): You’re pushing to the original repo. Push to your fork (origin) and open a PR to the original.
• Merge conflict: Pull latest main, rebase, fix conflicts:

  git checkout main
  git pull upstream main   # add the original repo as 'upstream' first
  git checkout add-<your-username>-card
  git rebase main
  # fix conflicts, then:
  git add .
  git rebase --continue
  git push --force-with-lease
  

• Image doesn’t show: Try a different host (some sites block hotlinking). Ensure URL ends with an image extension or returns an image mime-type.

🤝 Contribution Guidelines

• Be kind and respectful. This is a beginner-friendly project.
• One PR per person for the “add card” task.
• Keep changes minimal—avoid formatting every file or refactoring unrelated code.