{"id":2884,"date":"2026-02-04T07:08:13","date_gmt":"2026-02-04T07:08:13","guid":{"rendered":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/?p=2884"},"modified":"2026-02-05T05:28:39","modified_gmt":"2026-02-05T05:28:39","slug":"prerequisites","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/kivicare-lite\/documentation\/developer-tool\/getting-statrted\/prerequisites\/","title":{"rendered":"prerequisites"},"content":{"rendered":"<div class=\"nolwrap\">\n<p>Before you start developing with <strong>KiviCare Extended Version<\/strong>, make sure your system meets the required software and environment setup listed below.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Required Software<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Node.js<\/strong><\/h3>\n\n\n\n<p><strong>Version:<\/strong> 18.0.0 or higher<\/p>\n\n\n\n<p>Node.js is needed to run the development server and build the React-based frontend.<\/p>\n\n\n\n<p><strong>Install:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Download from <strong>nodejs.org<\/strong><\/li>\n\n\n\n<li>Choose the <strong>LTS (Long Term Support)<\/strong> version<\/li>\n<\/ul>\n\n\n\n<p><strong>Verify installation:<\/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\">node --version\n# Expected: v18.x.x 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<h3 class=\"wp-block-heading\"><strong>2. npm or bun<\/strong><\/h3>\n\n\n\n<p>npm is included with Node.js. You can also use <strong>bun<\/strong> for faster package installation.<\/p>\n\n\n\n<p><strong>Check npm:<\/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 --version\n# Expected: 9.x.x or higher<\/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>Install bun (optional):<\/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\">curl -fsSL https:\/\/bun.sh\/install | bash\nbun --version<\/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<h3 class=\"wp-block-heading\"><strong>3. PHP<\/strong><\/h3>\n\n\n\n<p><strong>Version:<\/strong> 8.0 or higher<\/p>\n\n\n\n<p>PHP is required for running the WordPress backend.<\/p>\n\n\n\n<p><strong>Verify:<\/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<\/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>Install PHP:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ubuntu\/Debian: <code>sudo apt install php8.0<\/code><\/li>\n\n\n\n<li>macOS: <code>brew install php@8.0<\/code><\/li>\n\n\n\n<li>Windows: Download from <strong>php.net<\/strong><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Composer<\/strong><\/h3>\n\n\n\n<p><strong>Version:<\/strong> 2.0 or higher<\/p>\n\n\n\n<p>Composer manages PHP dependencies.<\/p>\n\n\n\n<p><strong>Install:<\/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 -r &quot;copy(&#039;https:\/\/getcomposer.org\/installer&#039;, &#039;composer-setup.php&#039;);&quot;\nphp composer-setup.php\nphp -r &quot;unlink(&#039;composer-setup.php&#039;);&quot;\nsudo mv composer.phar \/usr\/local\/bin\/composer\ncomposer --version\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                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<h3 class=\"wp-block-heading\"><strong>5. WordPress<\/strong><\/h3>\n\n\n\n<p><strong>Version:<\/strong> 6.0 or higher<\/p>\n\n\n\n<p>You need an active WordPress installation (local or live).<\/p>\n\n\n\n<p><strong>Recommended local development tools:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Local by Flywheel<\/li>\n\n\n\n<li>XAMPP<\/li>\n\n\n\n<li>MAMP<\/li>\n\n\n\n<li>Docker WordPress image<\/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>Recommended Development Tools<\/strong><\/h2>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Code Editors<\/strong><\/h5>\n\n\n\n<p><strong>Visual Studio Code (Recommended)<\/strong><br>Install extensions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>ESLint<\/li>\n\n\n\n<li>Prettier<\/li>\n\n\n\n<li>ES7+ React Snippets<\/li>\n\n\n\n<li>PHP Intelephense<\/li>\n\n\n\n<li>WordPress Snippets<\/li>\n<\/ul>\n\n\n\n<p><strong>PHPStorm<\/strong> (Professional option)<br>Advanced PHP + React support with debugging tools.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Browser Developer Tools<\/strong><\/h3>\n\n\n\n<p>Install these browser extensions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>React Developer Tools<\/strong> (Chrome\/Firefox)<\/li>\n\n\n\n<li><strong>Redux DevTools<\/strong> (for state debugging)<\/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>Git (Version Control)<\/strong><\/h3>\n\n\n\n<p><strong>Install Git:<\/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\">sudo apt install git      # Linux\nbrew install git          # 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                                    <\/div>\n                    <\/div>\n        \n            <\/div>\n    \n\n\n<p>Windows users can download from <strong>git-scm.com<\/strong>.<\/p>\n\n\n\n<p><strong>Verify:<\/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\">git --version\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<h2 class=\"wp-block-heading\"><strong>System Requirements<\/strong><\/h2>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Minimum<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Windows 10 \/ macOS 10.15+ \/ Ubuntu 20.04+<\/li>\n\n\n\n<li>8GB RAM<\/li>\n\n\n\n<li>5GB free storage<\/li>\n\n\n\n<li>Multi-core CPU<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Recommended<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>16GB+ RAM<\/li>\n\n\n\n<li>SSD storage<\/li>\n\n\n\n<li>4+ CPU cores<\/li>\n\n\n\n<li>Dual monitor 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>Verify Your Environment<\/strong><\/h2>\n\n\n\n<p>Run this command to confirm everything is installed correctly:<\/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\">echo &quot;=== System Check ===&quot;\necho &quot;Node: $(node --version)&quot;\necho &quot;npm: $(npm --version)&quot;\necho &quot;PHP: $(php --version | head -n 1)&quot;\necho &quot;Composer: $(composer --version | head -n 1)&quot;\necho &quot;Git: $(git --version)&quot;\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                                    <\/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>Optional Tools<\/strong><\/h2>\n\n\n\n<p><strong>Database Management<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>phpMyAdmin<\/li>\n\n\n\n<li>TablePlus<\/li>\n\n\n\n<li>MySQL Workbench<\/li>\n<\/ul>\n\n\n\n<p><strong>API Testing<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Postman<\/li>\n\n\n\n<li>Insomnia<\/li>\n<\/ul>\n\n\n\n<p><strong>Performance Testing<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lighthouse (Chrome DevTools)<\/li>\n\n\n\n<li>WebPageTest<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Before you start developing with KiviCare Extended Version, make sure your system meets the required software and environment setup listed below. Required Software 1. Node.js Version: 18.0.0 or higher Node.js is needed to run the development server and build the React-based frontend. Install: Verify installation: 2. npm or bun npm is included with Node.js. You [&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-2884","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\/2884","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=2884"}],"version-history":[{"count":7,"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/posts\/2884\/revisions"}],"predecessor-version":[{"id":2897,"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/posts\/2884\/revisions\/2897"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/media?parent=2884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/categories?post=2884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivicare-wordpress\/wp-json\/wp\/v2\/tags?post=2884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}