create-fullstack-setup 1.0.0

package/templates/backend/express-js/config/db.js

@@ -0,0 +1,18 @@
+import dotenv from "dotenv";
+dotenv.config(); 
+import mongoose from "mongoose"
+import { ApiError } from "../Utils/ApiError.js";
+
+const connectDB=async()=>{
+    try{
+    const connectionInstance=await mongoose.connect(process.env.MONGODB_URI);
+    console.log("database connected at",connectionInstance.connection.host)
+    }
+    catch(error){
+        throw new ApiError(500,"somthing went wrong while database is connect",error);
+    }
+
+
+}
+
+export default connectDB;

package/templates/backend/express-js/middlewares/Auth.middleware.js

@@ -0,0 +1,21 @@
+import jwt from "jsonwebtoken";
+import { AsyncHandler } from "../utils/AsyncHandler.js";
+import { ApiError } from "../utils/ApiError.js";
+
+export const verifyJWT = AsyncHandler(async (req, res, next) => {
+  const token =
+    req.cookies?.accessToken ||
+    req.header("Authorization")?.split(" ")[1];
+
+  if (!token) {
+    throw new ApiError(401, "Unauthorized request");
+  }
+
+  const decoded = jwt.verify(
+    token,
+    process.env.ACCESS_TOKEN_SECRET
+  );
+
+  req.user = decoded;
+  next();
+});

package/templates/backend/express-js/middlewares/Multer.middleware.js

@@ -0,0 +1,18 @@
+import multer from "multer";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const storage = multer.diskStorage({
+  destination: function (req, file, cb) {
+    cb(null, path.join(__dirname, "../../File/temp"));
+  },
+  filename: function (req, file, cb) {
+    const uniqueSuffix = Date.now() + "-" + Math.round(Math.random() * 1e9);
+    cb(null, `${file.fieldname}-${uniqueSuffix}`);
+  },
+});
+
+export const upload = multer({ storage });

package/templates/backend/express-js/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "__PROJECT_NAME__-server",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "nodemon server.js",
+    "start": "node server.js"
+  },
+  "dependencies": {
+    "express": "^4.19.0",
+    "dotenv": "^16.4.0"
+  },
+  "devDependencies": {
+    "nodemon": "^3.0.3"
+  }
+}

package/templates/backend/express-js/server.js

@@ -0,0 +1,10 @@
+import app from "./app.js";
+import dotenv from "dotenv";
+
+dotenv.config();
+
+const PORT = process.env.PORT || 5000;
+
+app.listen(PORT, () => {
+  console.log(`🚀 Server running on port ${PORT}`);
+});

package/templates/backend/express-ts/.env.example

@@ -0,0 +1,3 @@
+PORT=5000
+MONGO_URI=
+JWT_SECRET=

package/templates/backend/express-ts/nodemon.json

@@ -0,0 +1,5 @@
+{
+  "watch": ["src"],
+  "ext": "ts",
+  "exec": "ts-node src/server.ts"
+}

package/templates/backend/express-ts/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "__PROJECT_NAME__-server",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "nodemon",
+    "build": "tsc",
+    "start": "node dist/server.js"
+  },
+  "dependencies": {
+    "express": "^4.19.0"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.21",
+    "typescript": "^5.4.0",
+    "ts-node": "^10.9.2",
+    "nodemon": "^3.0.3"
+  }
+}

package/templates/backend/express-ts/src/app.ts

@@ -0,0 +1,14 @@
+import express, { Application } from "express";
+
+const app: Application = express();
+
+app.use(express.json());
+
+app.get("/", (_req, res) => {
+  res.json({
+    success: true,
+    message: "Express + TypeScript server running 🚀"
+  });
+});
+
+export default app;

package/templates/backend/express-ts/src/middlewares/auth.middleware.ts

@@ -0,0 +1,23 @@
+import { Request, Response, NextFunction } from "express";
+import jwt from "jsonwebtoken";
+
+export function authMiddleware(
+  req: Request,
+  res: Response,
+  next: NextFunction
+) {
+  const token =
+    req.headers.authorization?.split(" ")[1] ||
+    req.cookies?.token;
+
+  if (!token) {
+    return res.status(401).json({ message: "Unauthorized" });
+  }
+
+  try {
+    jwt.verify(token, process.env.ACCESS_TOKEN_SECRET as string);
+    next();
+  } catch {
+    return res.status(401).json({ message: "Invalid token" });
+  }
+}

package/templates/backend/express-ts/src/server.ts

@@ -0,0 +1,8 @@
+import app from "./app";
+import "dotenv/config";
+
+const PORT = process.env.PORT || 5000;
+
+app.listen(PORT, () => {
+  console.log(`🚀 Server running on http://localhost:${PORT}`);
+});

package/templates/backend/express-ts/src/utils/ApiError.ts

@@ -0,0 +1,21 @@
+export class ApiError extends Error {
+    public statusCode: number;
+    public errors: unknown[];
+    public override stack?: string;
+
+    constructor(statusCode: number, message = 'failed', errors: unknown[] = [], stack?: string) {
+        super(message);
+        this.name = 'ApiError';
+        this.statusCode = statusCode;
+        this.errors = errors;
+
+        // restore prototype chain (necessary when targeting ES5)
+        Object.setPrototypeOf(this, ApiError.prototype);
+
+        if (stack) {
+            this.stack = stack;
+        } else if (typeof Error.captureStackTrace === 'function') {
+            Error.captureStackTrace(this, this.constructor);
+        }
+    }
+}

package/templates/backend/express-ts/src/utils/ApiResponse.ts

@@ -0,0 +1,13 @@
+export class ApiResponse<T = any> {
+    statusCode: number;
+    data: T | null;
+    message: string;
+    success: boolean;
+
+    constructor(statusCode: number, data: T | null = null, message = "success", success = true) {
+        this.statusCode = statusCode;
+        this.data = data;
+        this.message = message;
+        this.success = success;
+    }
+}

package/templates/backend/express-ts/src/utils/AsyncHandler.ts

@@ -0,0 +1,9 @@
+import { Request, Response, NextFunction, RequestHandler } from "express";
+
+const AsyncHandler = (reqHandler: RequestHandler): RequestHandler => {
+    return (req: Request, res: Response, next: NextFunction): void => {
+        Promise.resolve(reqHandler(req, res, next)).catch(next);
+    };
+};
+
+export { AsyncHandler };

package/templates/backend/express-ts/src/utils/Cloudinary.ts

@@ -0,0 +1,11 @@
+import { v2 as cloudinary } from "cloudinary";
+
+export function connectCloudinary() {
+  cloudinary.config({
+    cloud_name: process.env.CLOUDINARY_NAME,
+    api_key: process.env.CLOUDINARY_API_KEY,
+    api_secret: process.env.CLOUDINARY_API_SECRET
+  });
+
+  console.log("☁️ Cloudinary connected");
+}

package/templates/backend/express-ts/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "outDir": "dist",
+    "rootDir": "src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}

package/templates/frontend/next-js/app/layout.js

@@ -0,0 +1,14 @@
+export const metadata = {
+  title: "Next App",
+  description: "Generated by create-fullstack-app"
+};
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body style={{ margin: 0, fontFamily: "sans-serif" }}>
+        {children}
+      </body>
+    </html>
+  );
+}

package/templates/frontend/next-js/app/page.js

@@ -0,0 +1,8 @@
+export default function Home() {
+  return (
+    <main style={{ padding: "2rem" }}>
+      <h1>🚀 Next.js (JavaScript) Ready</h1>
+      <p>Edit <code>app/page.js</code> and start building.</p>
+    </main>
+  );
+}

package/templates/frontend/next-js/jsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./*"]
+    }
+  }
+}

package/templates/frontend/next-js/next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true
+};
+
+module.exports = nextConfig;

package/templates/frontend/next-js/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "__PROJECT_NAME__",
+  "private": true,
+  "version": "0.1.0",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "next": "^14.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}

package/templates/frontend/next-ts/app/layout.tsx

@@ -0,0 +1,18 @@
+export const metadata = {
+  title: "Next App",
+  description: "Generated by create-fullstack-app"
+};
+
+export default function RootLayout({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body style={{ margin: 0, fontFamily: "sans-serif" }}>
+        {children}
+      </body>
+    </html>
+  );
+}

package/templates/frontend/next-ts/app/page.tsx

@@ -0,0 +1,7 @@
+export default function Home(): JSX.Element {
+  return (
+    <main style={{ padding: "2rem" }}>
+      <h1>🚀 Next.js + TypeScript Ready</h1>
+    </main>
+  );
+}

package/templates/frontend/next-ts/next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true
+};
+
+module.exports = nextConfig;

package/templates/frontend/next-ts/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "__PROJECT_NAME__",
+  "private": true,
+  "version": "0.1.0",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "next": "^14.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.3.0",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@types/node": "^20.10.0"
+  }
+}

package/templates/frontend/next-ts/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve"
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}

package/templates/frontend/react-js/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>React App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

package/templates/frontend/react-js/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "__PROJECT_NAME__",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.2.0",
+    "vite": "^5.0.0"
+  }
+}

package/templates/frontend/react-js/src/App.jsx

@@ -0,0 +1,8 @@
+export default function App() {
+  return (
+    <div style={{ padding: "2rem" }}>
+      <h1>🚀 React App Ready</h1>
+      <p>Edit <code>App.jsx</code> and start building.</p>
+    </div>
+  );
+}

package/templates/frontend/react-js/src/main.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App";
+import "./index.css";
+
+ReactDOM.createRoot(document.getElementById("root")).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

package/templates/frontend/react-js/vite.config.js

@@ -0,0 +1,6 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()]
+});

package/templates/frontend/react-ts/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>React TS App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/frontend/react-ts/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "__PROJECT_NAME__",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "typescript": "^5.3.0",
+    "vite": "^5.0.0"
+  }
+}

package/templates/frontend/react-ts/src/App.tsx

@@ -0,0 +1,9 @@
+function App(): JSX.Element {
+  return (
+    <div style={{ padding: "2rem" }}>
+      <h1>🚀 React + TypeScript Ready</h1>
+    </div>
+  );
+}
+
+export default App;

package/templates/frontend/react-ts/src/main.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App";
+import "./index.css";
+
+ReactDOM.createRoot(
+  document.getElementById("root") as HTMLElement
+).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

package/templates/frontend/react-ts/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2020", "DOM"],
+    "module": "ESNext",
+    "jsx": "react-jsx",
+    "moduleResolution": "Bundler",
+    "strict": true
+  }
+}

package/templates/frontend/react-ts/vite.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()]
+});

package/utils/features.config.js

@@ -0,0 +1,72 @@
+/* -------------------------------------------------------------------------- */
+/*                     Backend Feature Configuration                           */
+/* -------------------------------------------------------------------------- */
+
+export const FEATURES = {
+  /* =============================== CORS ================================= */
+
+  CORS: {
+    middleware: `
+import cors from "cors";
+app.use(cors());
+    `.trim(),
+    env: []
+  },
+
+  /* =========================== COOKIE PARSER ============================= */
+
+  "Cookie-Parser": {
+    middleware: `
+import cookieParser from "cookie-parser";
+app.use(cookieParser());
+    `.trim(),
+    env: []
+  },
+
+  /* ================================ JWT ================================= */
+
+  JWT: {
+    middleware: "",
+    files: {
+      js: [
+        {
+          path: "middlewares/Auth.middleware.js",
+          fromTemplate:true,
+        }
+      ],
+      ts: [
+        {
+          path: "src/middlewares/auth.middleware.ts",
+          fromTemplate:true,
+        }
+      ]
+    },
+  },
+
+  /* ============================ CLOUDINARY ============================== */
+
+  Cloudinary: {
+    middleware: "",
+    files: {
+      js: [
+        {
+          path: "Utils/Cloudinary.js",
+          fromTemplate:true
+        }
+      ],
+      ts: [
+        {
+          path: "src/utils/Cloudinary.ts",
+          fromTemplate:true,
+        }
+      ]
+    }
+  },
+
+  /* ============================== DOTENV ================================ */
+
+  Dotenv: {
+    middleware: `import "dotenv/config";`,
+    env: ["PORT=5000"]
+  }
+};