FCC Donation page embed into wordpress

[thaninbew]

Summary

Embed the existing FCC React donation page into the client’s WordPress site via a shortcode-based plugin, tested locally first, then added to a draft/live page for client review.

Steps

• Get FCC WP admin account (new dev user), hosting details, target page/location, and any security plugins.
• Clone FCC WP site to LocalWP (or minimal matching local WP).
• Verify theme/plugins roughly match production.
• Build React dono frontend for prod.
• Create small WP plugin:
  • Register [fcc-dono] shortcode that outputs <div id="fcc-dono-root"></div>.
  • Conditionally enqueue React JS/CSS only on pages using [fcc-dono].

Test & Deploy

• Test shortcode locally.
• Zip plugin, upload to FCC WP, activate.
• Add [fcc-dono] to a draft/private page and use Preview link for internal + client testing.
• After approval, publish or move shortcode to final public page.

Deliverables

• fcc-dono-shortcode plugin ZIP (with React build).
• Documentation notes (how shortcode works, where assets live, how to update build).
• FCC WP page URL(s):
  • Draft/private preview.
  • Final published donation page.