WordPress React Plugin

The WordPress React Plugin is a modern plugin built with React and TailwindCSS. It enhances your WordPress website by adding dynamic and interactive components, such as a responsive carousel, to offer a seamless and stylish user interface.

Features

• React: Implements dynamic and interactive components using React.
• Carousel: Includes a fully customizable and responsive carousel for showcasing images or content.
• TailwindCSS: Provides sleek, utility-based styling with minimal effort.
• WordPress Plugin: Designed to integrate effortlessly into WordPress.
• Dynamic Rendering: Renders React components dynamically in the front-end for a modern, high-performance user experience.

Demo

• Live Demo: WordPress React Plugin Demo
• Live Result: Slide Block in Action

Installation

Follow these steps to install and activate the plugin:

1. Clone the repository:
   Download the plugin source code by running:

   git clone https://github.com/ajcdev1227/slide-block.git

2. Navigate to the plugin directory:

   Change to the directory where the plugin code resides:

   cd slide-block

3. Install dependencies:

   Ensure you have Node.js installed, then run:

   npm install

4. Build the plugin:

   Compile the plugin for production:

   npm run build

5. Upload the plugin:

   • Compress the wordpress-react-plugin folder into a .zip file.
   • In your WordPress admin panel, navigate to Plugins > Add New > Upload Plugin, and upload the .zip file.

6. Activate the plugin:

   After uploading, click Activate to enable the plugin.