Contact Card Plugin – Custom Gutenberg Block

    This project includes a custom WordPress plugin containing a Gutenberg Block called “First Block”. I created the plugin following a Youtube course, and then added additional functionality for educational purposes.

    First Block pulls user information from jsonplaceholder.typicode.com/users and displayed it as a contact card.

    This project was completed in order to familiarize myself with Gutenberg block development.

    contact card plugin
    custom wordpress plugin - gutenberg block
    user selection from custom gutenberg block plugin
    backend view of custom gutenberg block

    Link: https://github.com/raynamcginnis/contact-card-demo/

    Technologies:

    • HTML
    • CSS
    • JavaScript
    • React.js
    • Node.js/NPM

    Integrations: