https://github.com/devkabir/wp-react-admin-panel
A custom WordPress admin plugin built with React and WordPress data store API. This plugin provides an intuitive settings interfaceusing @wordpress/components for managing custom options within the WordPress admin panel.
https://github.com/devkabir/wp-react-admin-panel
wordpress-boilerplate wordpress-plugin wordpress-plugin-development wp-plugin wp-plugin-skeleton wp-plugin-starter
Last synced: 10 months ago
JSON representation
A custom WordPress admin plugin built with React and WordPress data store API. This plugin provides an intuitive settings interfaceusing @wordpress/components for managing custom options within the WordPress admin panel.
- Host: GitHub
- URL: https://github.com/devkabir/wp-react-admin-panel
- Owner: devkabir
- Created: 2025-03-09T14:17:11.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-03-09T14:20:42.000Z (11 months ago)
- Last Synced: 2025-03-09T15:24:58.811Z (11 months ago)
- Topics: wordpress-boilerplate, wordpress-plugin, wordpress-plugin-development, wp-plugin, wp-plugin-skeleton, wp-plugin-starter
- Language: JavaScript
- Homepage:
- Size: 203 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# WP React Admin Panel
A custom WordPress admin plugin built with React and WordPress data store API. This plugin provides an intuitive settings interface for managing custom options within the WordPress admin panel.
## Features
- Built with React and @wordpress/data API.
- Uses Redux-style state management.
- Provides an intuitive UI using @wordpress/components.
- Asynchronous API fetching and saving of settings.
- Fully compatible with WordPress Gutenberg-based admin UI.
## Installation
### 1. Upload the Plugin
Manually upload the plugin folder to your `/wp-content/plugins/` directory or install it via the WordPress admin.
### 2. Install Dependencies
Run the following command in the project root to install required dependencies:
```sh
npm install
```
### 3. Build the Plugin
Compile and bundle the plugin scripts using:
```sh
npm run build
```
Alternatively, during development, use:
```sh
npm run start
```
### 4. Activate the Plugin
Go to the WordPress admin panel and activate "WP React Admin Panel" from the Plugins menu.
## Usage
After activation, navigate to **Admin UI** in the WordPress admin dashboard. Here, you can modify and save custom options.
