PHPackages raheleh/inpsyde - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. raheleh/inpsyde ActiveWordpress-plugin[Utility & Helpers](/categories/utility) raheleh/inpsyde =============== A WordPress Plugin to display a lovely table of users 02JavaScript Since Aug 16Pushed 2y ago1 watchersCompare [ Source](https://github.com/rahelehyoosefzadeh/wordpress-react)[ Packagist](https://packagist.org/packages/raheleh/inpsyde)[ RSS](/packages/raheleh-inpsyde/feed)WikiDiscussions main Synced 1mo ago READMEChangelogDependenciesVersions (1)Used By (0) ### Wordpress-React [](#wordpress-react) WP+React Plugin =============== [](#wpreact-plugin) This WordPress plugin display a simple loveley users table when visiting a custom endpoint '/my-lovely-users-table/'. The frontend is implemented in React and the back end is PHP 5.3+ in compliance with WordPress standards. Description ----------- [](#description) After Installing the Plugin and activating the plugin you can visit http://your\_website.com/my-lovely-users-table/ at your website frontend. You see a lovely users table in 3 columns (ID, USERNAME, NAME) of users list provided by a 3rd party API in as a test api. By clicking on hyperlink of each information item form the selected user, a card of detailed information user will be displayed on top of the table. Plugin's frontend ================= [](#plugins-frontend) ### Plugin's frontend [](#plugins-frontend-1) Caching HTTP Requests ===================== [](#caching-http-requests) WordPress Transients API applied for caching the HTTP requests in order to improve the performance and that a backend approach to be applied for caching. The rational behind this lands into two main reasons: - Backend Worpress Friendly - Simplicity and felcibility to implement For applying Transients API no other tools is required to be installed and it is simply implemented in WordPress. This Method as in the Doc explained and as I tried in my task offers a simple and standardized way of storing cached data in the database temporarily by giving it a custom name and a timeframe to be accessable. Embeding REACT Component ======================== [](#embeding-react-component) As It was ready a range of frontend options to be obtained as my frontend approach, I decided to embed a React Component ino the project since I had not experienced it before in WordPress. So this was new challenge for me. Of course I am aware that in a client work project and a real world one some considerations need to be taken into account like felxibility, compatibility with theme and other plugins and the requirements of the user. Frontend Styling ================ [](#frontend-styling) Bootstrap css is applied in furnishing the look of the lovely table. Brain Monkey ============ [](#brain-monkey) I tried to learn how to apply and use the Brain Monkey for unit test. It was also a great challenge that I tried to get myself involved in. The approach is interesting technically and since it was a new experience to me I tried to keep it simple and apply a working test. So I applied the clever monkey's tool to mock the wordpress plugins in 4 of the methods of my plugin;s main class. Security ======== [](#security) Prohibiting direct access to the plugin's files and applying practices like escaping functions like esc\_html() and fixing PHPCS warnings. Task Requiremnets ----------------- [](#task-requiremnets) - Composer friendly - Brain Monkey applied PHPUnit Tests provided ( 4 methods from the Plugin's main class considered in test :) My first practice of isolated unit test wordpress) - React Component development applied as the frontend development choice :) My First practice in embeding a React Project in WordPress Plugin development - WordPress Transients API applied for caching the HTTP requests. While developing the plugin I was considering the guidelines and tips to " keep it simple, make it work, explain why, care of details". Developed by Raheleh Yoosefzadeh -------------------------------- [](#developed-by-raheleh-yoosefzadeh) Installation ------------ [](#installation) ### Requirements [](#requirements) - WordPress preferably latest version. - PHP 5.3 or later. ### Installation [](#installation-1) 1. Unzip the downloaded package. 2. Upload folder include the file to the `/wp-content/plugins/` directory. 3. Activate the plugin through the `Plugins` menu in WordPress. or use the git instructions to install. #### Composer Installation [](#composer-installation) run the command : ``` composer require raheleh/inpsyde:dev-main ``` to install the composer package the Inpsyde plugin folder will be found in : ``` vendor/raheleh/ ``` Screenshots ----------- [](#screenshots) Screenshots ----------- [](#screenshots-1) My lovely users table lokks like this: [![my-lovely-users-table](https://github.com/rahelehyoosefzadeh/inpsyde/raw/main/inpsyde.jpg)](https://github.com/rahelehyoosefzadeh/inpsyde/blob/main/inpsyde.jpg) ### Health Score 13 — LowBetter than 1% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity2 Limited adoption so far Community7 Small or concentrated contributor base Maturity21 Early-stage or recently created project Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/3cffaebb4f9dbe59afda35f8fdfd7bc28de8d4dc6ae505ecb3859a63876175b4?d=identicon)[rahelehyoosefzadeh](/maintainers/rahelehyoosefzadeh) --- Top Contributors [![rahelehyoosefzadeh](https://avatars.githubusercontent.com/u/55531515?v=4)](https://github.com/rahelehyoosefzadeh "rahelehyoosefzadeh (13 commits)") ### Embed Badge ![Health badge](/badges/raheleh-inpsyde/health.svg) ``` [![Health](https://phpackages.com/badges/raheleh-inpsyde/health.svg)](https://phpackages.com/packages/raheleh-inpsyde) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)