ydev-mern 1.0.0

package/backend/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "backend",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "nodemon src/Server.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "module",
+  "dependencies": {
+    "cors": "^2.8.6",
+    "dotenv": "^17.4.2",
+    "express": "^5.2.1",
+    "mongoose": "^9.9.5",
+    "nodemon": "^3.1.14"
+  }
+}

package/backend/src/Server.js

@@ -0,0 +1,15 @@
+import express from "express";
+import { connectdb } from "../db.js";
+
+const app = express();
+
+app.use(express.json());
+
+app.get('/', (req, res) => {
+    res.send("Backend is running");
+})
+
+app.listen(3000, () => {
+    console.log("Server started on port 3000");
+    connectdb();
+})

package/backend/src/db.js

@@ -0,0 +1,14 @@
+import mongoose from "moongoose";
+import 'dotenv/config';
+export const connectdb = async () => {
+    try {
+        const connection = await mongoose.connect(MONGO_URI);
+
+        console.log("Mongodb connected");
+    } catch (error) {
+        console.log(error);
+    }
+
+
+
+}

package/bin/cli.js

@@ -0,0 +1,62 @@
+#!/usr/bin/env node
+
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const rootPackageDir = path.resolve(__dirname, '..');
+
+const targetArg = process.argv[2];
+const targetDir = targetArg ? path.resolve(process.cwd(), targetArg) : process.cwd();
+
+console.log('\n🚀 \x1b[36m\x1b[1mydev-mern\x1b[0m — Modern Full-Stack MERN Scaffolder');
+console.log(`📦 Unpacking frontend & backend into: \x1b[33m${targetDir}\x1b[0m\n`);
+
+function copyDirRecursive(src, dest) {
+  if (!fs.existsSync(dest)) {
+    fs.mkdirSync(dest, { recursive: true });
+  }
+
+  const entries = fs.readdirSync(src, { withFileTypes: true });
+
+  for (const entry of entries) {
+    const srcPath = path.join(src, entry.name);
+    const destPath = path.join(dest, entry.name);
+
+    if (entry.name === 'node_modules' || entry.name === 'dist' || entry.name === '.git') {
+      continue;
+    }
+
+    if (entry.isDirectory()) {
+      copyDirRecursive(srcPath, destPath);
+    } else {
+      fs.copyFileSync(srcPath, destPath);
+    }
+  }
+}
+
+try {
+  const foldersToCopy = ['frontend', 'backend'];
+
+  for (const folder of foldersToCopy) {
+    const srcFolder = path.join(rootPackageDir, folder);
+    const destFolder = path.join(targetDir, folder);
+
+    if (fs.existsSync(srcFolder)) {
+      console.log(`  ✓ Copying ${folder}/...`);
+      copyDirRecursive(srcFolder, destFolder);
+    }
+  }
+
+  console.log('\n\x1b[32m✔ Successfully installed ydev-mern!\x1b[0m\n');
+  console.log('Next steps:');
+  console.log('  1. Setup Backend:');
+  console.log('     \x1b[35mcd backend && npm install && npm run dev\x1b[0m');
+  console.log('  2. Setup Frontend:');
+  console.log('     \x1b[35mcd frontend && npm install && npm run dev\x1b[0m\n');
+} catch (error) {
+  console.error('\x1b[31mError unpacking ydev-mern:\x1b[0m', error.message);
+  process.exit(1);
+}

package/frontend/README.md

@@ -0,0 +1,19 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
+
+## React Compiler
+
+The React Compiler is enabled on this template. See [this documentation](https://react.dev/learn/react-compiler) for more information.
+
+Note: This will impact Vite dev & build performances.
+You can also try [the experimental native React Compiler support in plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md#rust-react-compiler) by using `compiler: true` in the plugin options instead of using the Babel plugin.
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.

package/frontend/eslint.config.js

@@ -0,0 +1,21 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{js,jsx}'],
+    extends: [
+      js.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      globals: globals.browser,
+      parserOptions: { ecmaFeatures: { jsx: true } },
+    },
+  },
+])

package/frontend/index.html

@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="y-DEV — Next-generation developer toolkit for React & full-stack development. Install via npm i ydev." />
+    <meta name="keywords" content="ydev, y-DEV, npm package, developer toolkit, react, javascript" />
+    <title>y-DEV — Modern Developer Toolkit | npm i ydev</title>
+    <!-- Modern typography -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>