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: