{"id":2898,"date":"2026-02-04T08:51:04","date_gmt":"2026-02-04T08:51:04","guid":{"rendered":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/?p=2898"},"modified":"2026-02-06T05:20:47","modified_gmt":"2026-02-06T05:20:47","slug":"installation-guide-2","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/kivicare-lite\/documentation\/developer-tool\/getting-statrted\/installation-guide-2\/","title":{"rendered":"Installation Guide"},"content":{"rendered":"<div class=\"nolwrap\">\n<p>Follow this step-by-step guide to install and configure the <strong>KiviCare Extended Version<\/strong> for development.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Before You Begin<\/h2>\n\n\n\n<p>\u2705 Ensure you have completed the <strong><a href=\".\/prerequisites\">Prerequisites<\/a><\/strong>.<\/p>\n\n\n\n<p>Your system must have:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Node.js<\/strong> installed<\/li>\n\n\n\n<li><strong>PHP<\/strong> installed<\/li>\n\n\n\n<li><strong>Composer<\/strong> installed<\/li>\n\n\n\n<li>A working <strong>WordPress<\/strong> setup<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Installation Steps<\/strong><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Step 1: Extract the Plugin<\/strong><\/h4>\n\n\n\n<p>Extract the <strong>KiviCare Extended Version<\/strong> plugin into your WordPress plugins directory.<\/p>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\"># Navigate to WordPress plugins directory\ncd \/path\/to\/wordpress\/wp-content\/plugins\/\n\n# Extract the ZIP file\nunzip kivicare-clinic-management-system.zip\n\n# Navigate into the plugin directory\ncd kivicare-clinic-management-system\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                            <span class=\"line-number\">3<\/span>\n                                            <span class=\"line-number\">4<\/span>\n                                            <span class=\"line-number\">5<\/span>\n                                            <span class=\"line-number\">6<\/span>\n                                            <span class=\"line-number\">7<\/span>\n                                            <span class=\"line-number\">8<\/span>\n                                            <span class=\"line-number\">9<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<p><strong>Expected directory structure:<\/strong><\/p>\n\n\n    <div class=\"docsy-alert-block alert-info\">\n                    <div class=\"alert-icon\">\n                <i class=\"ph-fill ph-info\"><\/i>\n            <\/div>\n                <div class=\"alert-content\">\n            kivicare-clinic-management-system\/<br>\u251c\u2500\u2500 app\/<br>\u251c\u2500\u2500 dist\/<br>\u251c\u2500\u2500 docs\/<br>\u251c\u2500\u2500 package.json<br>\u251c\u2500\u2500 composer.json<br>\u251c\u2500\u2500 vite.config.js<br>\u2514\u2500\u2500 kivicare-clinic-management-system.php        <\/div>\n    <\/div>\n    \n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Install PHP Dependencies<\/strong><\/h3>\n\n\n\n<p>Install backend dependencies using Composer:<\/p>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\">composer install\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<p><strong>This installs:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PHP autoloader<\/li>\n\n\n\n<li>Required PHP packages<\/li>\n\n\n\n<li>Development dependencies<\/li>\n<\/ul>\n\n\n\n<p><strong>Expected output:<\/strong><\/p>\n\n\n    <div class=\"docsy-alert-block alert-success\">\n                    <div class=\"alert-icon\">\n                <i class=\"ph-fill ph-check-circle\"><\/i>\n            <\/div>\n                <div class=\"alert-content\">\n            Loading composer repositories with package information<br>Installing dependencies (including require-dev) from lock file<br>\u2026<br>Generating autoload files        <\/div>\n    <\/div>\n    \n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3: Install Node Dependencies<\/strong><\/h3>\n\n\n\n<p>Install frontend dependencies using <strong>npm<\/strong> or <strong>bun<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Using npm<\/h4>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\">npm install\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<h4 class=\"wp-block-heading\">Using bun (faster)<\/h4>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\">bun install\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<p><strong>This installs:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>React and related libraries<\/li>\n\n\n\n<li>Vite build tool<\/li>\n\n\n\n<li>TanStack Query<\/li>\n\n\n\n<li>Bootstrap and UI components<\/li>\n\n\n\n<li>Development tools<\/li>\n<\/ul>\n\n\n\n<p>\u23f1 <strong>Estimated time:<\/strong> 2\u20135 minutes (depending on internet speed)<\/p>\n\n\n\n<p><strong>Expected output:<\/strong><\/p>\n\n\n    <div class=\"docsy-alert-block alert-info\">\n                    <div class=\"alert-icon\">\n                <i class=\"ph-fill ph-info\"><\/i>\n            <\/div>\n                <div class=\"alert-content\">\n            added XXX packages in XXs        <\/div>\n    <\/div>\n    \n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4: Activate the Plugin<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in to your <strong>WordPress Admin Panel<\/strong><\/li>\n\n\n\n<li>Go to <strong>Plugins \u2192 Installed Plugins<\/strong><\/li>\n\n\n\n<li>Find <strong>KiviCare \u2013 Clinic &amp; Patient Management System<\/strong><\/li>\n\n\n\n<li>Click <strong>Activate<\/strong><\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Alternative (WP-CLI)<\/h4>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\">wp plugin activate kivicare-clinic-management-system\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 5: Verify Installation<\/strong><\/h3>\n\n\n\n<p>Ensure all dependencies are correctly installed:<\/p>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\"># Check node_modules\nls -la node_modules | head -5\n\n# Check vendor directory\nls -la vendor | head -5\n\n# Verify available scripts\nnpm run\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                            <span class=\"line-number\">3<\/span>\n                                            <span class=\"line-number\">4<\/span>\n                                            <span class=\"line-number\">5<\/span>\n                                            <span class=\"line-number\">6<\/span>\n                                            <span class=\"line-number\">7<\/span>\n                                            <span class=\"line-number\">8<\/span>\n                                            <span class=\"line-number\">9<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<p><strong>Expected script&#8217;s output:<\/strong><\/p>\n\n\n    <div class=\"docsy-alert-block alert-success\">\n                    <div class=\"alert-icon\">\n                <i class=\"ph-fill ph-check-circle\"><\/i>\n            <\/div>\n                <div class=\"alert-content\">\n            Scripts available via <code>npm run-script<\/code>:<br>dev<br>build<br>preview<br>lint        <\/div>\n    <\/div>\n    \n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 6: Start the Development Server<\/strong><\/h3>\n\n\n\n<p>Run the Vite development server:<\/p>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\">npm run dev\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<p><strong>Expected output:<\/strong><\/p>\n\n\n    <div class=\"docsy-alert-block alert-success\">\n                    <div class=\"alert-icon\">\n                <i class=\"ph-fill ph-check-circle\"><\/i>\n            <\/div>\n                <div class=\"alert-content\">\n            VITE v7.0.0 ready in XXX ms<br>\u279c Local: http:\/\/localhost:8080\/<br>\u279c Network: use &#8211;host to expose<br>\u279c press h to show help        <\/div>\n    <\/div>\n    \n\n\n<p>\ud83c\udf89 The development server is now running.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 7: Access the Dashboard<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open your WordPress site in a browser<\/li>\n\n\n\n<li>Go to <strong>KiviCare Dashboard<\/strong> (from the WordPress admin menu)<\/li>\n\n\n\n<li>Confirm the React dashboard loads correctly<\/li>\n\n\n\n<li>Check the browser console \u2014 no errors should appear<\/li>\n<\/ol>\n\n\n\n<p><strong>Hot Module Replacement (HMR)<\/strong> is now active. Any changes to React files will automatically reload in the browser.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Install KiviCare Pro (Optional)<\/strong><\/h2>\n\n\n\n<p>If you also have <strong>KiviCare Pro<\/strong>:<\/p>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\">cd \/path\/to\/wordpress\/wp-content\/plugins\/\nunzip kivicare-pro.zip\ncd kivicare-pro\ncomposer install\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                            <span class=\"line-number\">3<\/span>\n                                            <span class=\"line-number\">4<\/span>\n                                            <span class=\"line-number\">5<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<p><strong>Note:<\/strong> The Pro plugin uses the same React build as the Lite version.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Troubleshooting Installation<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Issue: <code>composer install<\/code> fails<\/strong><\/h3>\n\n\n\n<p><strong>Solution: Check the PHP version<\/strong><\/p>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\">php --version\n# Must be 8.0 or higher\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                            <span class=\"line-number\">3<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Issue: <code>npm install<\/code> fails<\/strong><\/h3>\n\n\n\n<p><strong>Solutions:<\/strong><\/p>\n\n\n\n<p><strong>1. Clear npm cache<\/strong><\/p>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\">npm cache clean --force\nrm -rf node_modules package-lock.json\nnpm install\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                            <span class=\"line-number\">3<\/span>\n                                            <span class=\"line-number\">4<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<p><strong>2. Use a different registry<\/strong><\/p>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\">npm install --registry=https:\/\/registry.npmjs.org\/\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<p><strong>3. Use bun instead<\/strong><\/p>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\">bun install\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Issue: Port 8080 is already in use<\/strong><\/h3>\n\n\n\n<p>Change the port in <code>vite.config.js<\/code>:<\/p>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\">server: {\n  port: 3000,\n}\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                            <span class=\"line-number\">3<\/span>\n                                            <span class=\"line-number\">4<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Issue: Dev server runs, but pages don\u2019t load<\/strong><\/h3>\n\n\n\n<p><strong>Try the following:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Verify the WordPress site URL<\/li>\n\n\n\n<li>Check if <code>window.kc_frontend<\/code> is defined (browser console)<\/li>\n\n\n\n<li>Clear WordPress cache<\/li>\n\n\n\n<li>Deactivate and reactivate the plugin<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Issue: Permission denied errors<\/strong><\/h3>\n\n\n\n<p>Fix file permissions:<\/p>\n\n\n    <div class=\"docsy-code-block with-line-numbers\" data-language=\"javascript\">\n                \n        <div class=\"code-header\">\n            <span class=\"code-language\">JAVASCRIPT<\/span>\n            <button class=\"code-copy-btn\" aria-label=\"Copy code\">\n                <i class=\"ph ph-copy\"><\/i>\n                <span class=\"copy-text\">Copy<\/span>\n                <span class=\"copied-text\">Copied!<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"code-wrapper\">\n            <pre class=\"language-javascript\"><code class=\"language-javascript\">cd \/path\/to\/wordpress\/wp-content\/plugins\/kivicare-clinic-management-system\nchmod -R 755 .\nchown -R www-data:www-data .   # Linux\nchown -R _www:_www .           # macOS\n<\/code><\/pre>\n            \n                            <div class=\"line-numbers-wrapper\" aria-hidden=\"true\">\n                                            <span class=\"line-number\">1<\/span>\n                                            <span class=\"line-number\">2<\/span>\n                                            <span class=\"line-number\">3<\/span>\n                                            <span class=\"line-number\">4<\/span>\n                                            <span class=\"line-number\">5<\/span>\n                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Installation Checklist<\/strong><\/h2>\n\n\n\n<p>Make sure all steps are completed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Plugin activated in WordPress<\/li>\n\n\n\n<li><code>composer install<\/code> completed successfully<\/li>\n\n\n\n<li><code>npm install<\/code> completed successfully<\/li>\n\n\n\n<li><code>npm run dev<\/code> starts without errors<\/li>\n\n\n\n<li>Dashboard loads in browser<\/li>\n\n\n\n<li>No browser console errors<\/li>\n\n\n\n<li>HMR works (file changes reload instantly)<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Follow this step-by-step guide to install and configure the KiviCare Extended Version for development. Before You Begin \u2705 Ensure you have completed the Prerequisites. Your system must have: Installation Steps Step 1: Extract the Plugin Extract the KiviCare Extended Version plugin into your WordPress plugins directory. Expected directory structure: Step 2: Install PHP Dependencies Install [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[81],"tags":[],"class_list":["post-2898","post","type-post","status-publish","format-standard","hentry","category-getting-statrted"],"featured_image_src":null,"author_info":{"display_name":"wordpressadminiq","author_link":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/author\/wordpressadminiq\/"},"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/posts\/2898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/comments?post=2898"}],"version-history":[{"count":6,"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/posts\/2898\/revisions"}],"predecessor-version":[{"id":2938,"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/posts\/2898\/revisions\/2938"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/media?parent=2898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/categories?post=2898"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/tags?post=2898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}