Update README and project files to support React v19 and Tailwind CSS v4; switch frontend setup to Vite

Author: manishraj27

README.md

@@ -16,6 +16,8 @@
 
 This tool eliminates the need for manual configurations, boilerplate code copying, and repetitive tasks, allowing developers to start building their apps right away with best practices in place. Perfect for both beginners and experienced developers, it saves time and ensures a solid project foundation.
 
+### It complies with latest React v19 and tailwindcss v4 
+
 ## ✨ Features
 
 - **One Command Setup**: Generate both frontend and backend with a single command
@@ -137,6 +139,11 @@ npm start               # Start React App
 
 Option:
 
+To create only backend directory.
+```bash
+devcli create my_backend --backend
+```
+
 ```bash
 devcli create my_project --next
 ```

commands/createMERNProject.js

@@ -277,6 +277,7 @@ Create a \`.env\` file based on \`.env.example\`.`
         );
       }
 
+      const frontendDir = path.join(rootDir, 'frontend');
       // Install backend dependencies
       console.log('📦 Installing backend dependencies...');
       try {
@@ -289,37 +290,39 @@ Create a \`.env\` file based on \`.env.example\`.`
         process.exit(1);
       }
 
-      // Create frontend using create-react-app
-      console.log('📦 Creating React frontend app...');
-      const frontendDir = path.join(rootDir, 'frontend');
-      try {
-        execSync(`npx create-react-app "${frontendDir}"`, { stdio: 'inherit' });
-        console.log('✅ React frontend created successfully.');
-      } catch (error) {
-        console.error(`❌ Failed to create React app: ${error.message}`);
-        process.exit(1);
-      }
-
-      // Create frontend .env.example
+      // Create frontend using Vite
+      console.log('📦 Creating React frontend app with Vite...');
       try {
+        // Ensure frontend directory exists and is empty
+        fs.emptyDirSync(frontendDir);
+
+        // Use npm create vite to generate the project
+        execSync(`npm create vite@latest frontend -- --template react`, {
+          cwd: rootDir,
+          stdio: 'inherit',
+        });
+
+        // Install dependencies
+        console.log('📦 Installing frontend dependencies...');
+        execSync('npm install', {
+          cwd: frontendDir,
+          stdio: 'inherit',
+        });
+        console.log('✅ Frontend dependencies installed.');
+
+        // Create .env.example
         fs.writeFileSync(
           path.join(frontendDir, '.env.example'),
           `# Sample .env file for frontend
 REACT_APP_API_URL=http://localhost:5000/api`
         );
         console.log('✅ Frontend .env.example file created.');
-      } catch (error) {
-        console.error(
-          `❌ Failed to create frontend .env.example file: ${error.message}`
-        );
-        process.exit(1);
-      }
 
-      // Final success message
-      console.log(`\n🎉 MERN project "${projectName}" created successfully!`);
+        // Final success message
+        console.log(`\n🎉 MERN project "${projectName}" created successfully!`);
 
-      console.log(
-        `${chalk.green.bold('To get started:')}
+        console.log(
+          `${chalk.green.bold('To get started:')}
   ${chalk.blue(`cd "${projectName}"`)}
 
 ${chalk.magenta.bold('Backend:')}
@@ -330,7 +333,11 @@ ${chalk.magenta.bold('Backend:')}
 
 ${chalk.magenta.bold('Frontend:')}
   ${chalk.blue('cd frontend')}
-  ${chalk.yellow('npm start')}`
-      );
+  ${chalk.yellow('npm run dev')}`
+        );
+      } catch (error) {
+        console.error(`❌ Failed to create frontend: ${error.message}`);
+        process.exit(1);
+      }
     });
 }

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "mern-project-cli",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "A developer-friendly CLI tool that streamlines MERN stack development by automating project setup, database configuration, and boilerplate generation by implementing MVC Architecture. Create production-ready MongoDB, Express, React, and Node.js applications with best practices built-in",
   "main": "index.js",
   "type": "module",