backend complate

Author: developer-sujon

.env

@@ -0,0 +1,6 @@
+APPLICATION_NAME = blog application
+PORT = 8080
+MONGODB_CONNECTION_URL = mongodb://0.0.0.0:27017
+MONGODB_DATABASE_USERNAME = developer-sujon
+MONGODB_DATABASE_PASSWORD = developer-sujon
+JWT_SECRET_KEY = 0420943jfdlkfsdf

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

app.js

@@ -0,0 +1,87 @@
+//external Lib  imports
+const express = require("express");
+const morgan = require("morgan");
+const dotenv = require("dotenv");
+const path = require("path");
+const app = new express();
+
+dotenv.config({ path: path.join(__dirname, "./.env") });
+
+//internal imports
+const connectDB = require("./src/confiq/db");
+const { checkLogin } = require("./src/middleware/authVerify");
+
+//imports routes
+
+//security lib imports
+const cors = require("cors");
+const hpp = require("hpp");
+const helmet = require("helmet");
+const rateLimit = require("express-rate-limit");
+const expressMongoSanitize = require("express-mongo-sanitize");
+const xssClean = require("xss-clean");
+
+//
+const userRoutes = require("./src/routes/user/userRoutes");
+const taskRoutes = require("./src/routes/task/taskRoutes");
+
+//security middleware emplement
+app.use(cors());
+app.use(hpp());
+app.use(helmet());
+app.use(expressMongoSanitize());
+app.use(xssClean());
+
+//default middleware emplement
+app.use(express.json());
+app.use(express.urlencoded({ extended: true }));
+app.use(morgan("dev"));
+
+// Apply the rate limiting middleware to all requests
+
+const limiter = rateLimit({
+  windowMs: 15 * 60 * 1000,
+  max: 10000,
+  standardHeaders: true,
+  legacyHeaders: false,
+});
+
+app.use(limiter);
+
+const MONGODB_CONNECTION_URL = process.env.MONGODB_CONNECTION_URL;
+const DB_OPTIONS = {
+  //user: process.env.MONGODB_DATABASE_USERNAME,
+  //pass: process.env.MONGODB_DATABASE_PASSWORD,
+  dbName: "task",
+  autoIndex: true,
+};
+
+//connection database
+connectDB(MONGODB_CONNECTION_URL, DB_OPTIONS);
+app.use(express.static("client/build"));
+
+// Routing Implement
+
+app.use("/api/v1/user", userRoutes);
+app.use("/api/v1/task", taskRoutes);
+
+// Add React Front End Routing
+app.get("*", (req, res) => {
+  res.sendFile(path.resolve(__dirname, "client", "build", "index.html"));
+});
+
+// 404 not found handler
+// app.use(notFoundErrorHandler);
+
+// Default Error Handler
+app.use((err, req, res, next) => {
+  if (err.message) {
+    res.status(500).send({ status: "fail", data: err.message });
+  } else {
+    res
+      .status(500)
+      .send({ status: "fail", data: "There was an server side error!" });
+  }
+});
+
+module.exports = app;

client/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

client/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "appname",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "axios": "^0.27.2",
+    "bootstrap": "^5.1.3",
+    "cogo-toast": "^4.2.3",
+    "html-react-parser": "^1.4.14",
+    "react": "^18.1.0",
+    "react-bootstrap": "^2.4.0",
+    "react-countup": "^6.2.0",
+    "react-dom": "^18.1.0",
+    "react-icons": "^4.4.0",
+    "react-loading-skeleton": "^3.1.0",
+    "react-router-dom": "^6.3.0",
+    "react-scripts": "5.0.1",
+    "react-slick": "^0.29.0",
+    "react-sweetalert2": "^0.5.2",
+    "recharts": "^2.1.10",
+    "slick-carousel": "^1.8.1",
+    "video-react": "^0.15.0"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

client/public/favicon.ico

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="Mern Project Structure" />
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+</body>
+
+</html>

client/public/index.html

@@ -0,0 +1,77 @@
+//external lib import
+import axios from "axios";
+
+axios.defaults.baseURL = "https://mern-project-server-api.herokuapp.com/api/v1";
+axios.defaults.headers.common["Authorization"] =
+  "Bearer " + sessionStorage.getItem("token");
+
+axios.defaults.headers.post["Content-Type"] =
+  "application/x-www-form-urlencoded";
+
+class ApiRequest {
+  static getRequest(url) {
+    axios
+      .get(url)
+      .then((response) => {
+        if (response.status === 200) {
+          return response.data;
+        } else {
+          return null;
+        }
+      })
+      .catch((err) => {
+        console.log(err);
+        return null;
+      });
+  }
+
+  static postRequest(url, postJson) {
+    axios
+      .post(url, postJson)
+      .then((response) => {
+        if (response.status === 201) {
+          return response.data;
+        } else {
+          return null;
+        }
+      })
+      .catch((err) => {
+        console.log(err);
+        return null;
+      });
+  }
+
+  static updateRequest(url, postJson) {
+    axios
+      .update(url, postJson)
+      .then((response) => {
+        if (response.status === 200) {
+          return response.data;
+        } else {
+          return null;
+        }
+      })
+      .catch((err) => {
+        console.log(err);
+        return null;
+      });
+  }
+
+  static deleteRequest(url) {
+    axios
+      .delete(url)
+      .then((response) => {
+        if (response.status === 200) {
+          return response.data;
+        } else {
+          return null;
+        }
+      })
+      .catch((err) => {
+        console.log(err);
+        return null;
+      });
+  }
+}
+
+export default ApiRequest;

client/src/APIRequest/ApiRequest.js

@@ -0,0 +1,42 @@
+//external imports
+import React, { Component } from "react";
+import { Route, Routes } from "react-router-dom";
+
+//enternel imports
+import CancledTaskPage from "./pages/CancledTaskPage";
+import ComplatedTaskPage from "./pages/ComplatedTaskPage";
+import CreateTaskPage from "./pages/CreateTaskPage";
+import DashboardPage from "./pages/DashboardPage";
+import ForgetPasswordPage from "./pages/ForgetPasswordPage";
+import HomePage from "./pages/HomePage";
+import LoginPage from "./pages/LoginPage";
+import NewTaskPage from "./pages/NewTaskPage";
+import NotFoundPage from "./pages/NotFound";
+import PendingTaskPage from "./pages/PendingTaskPage";
+import ProfilePage from "./pages/ProfilePage";
+import RegistrationPage from "./pages/RegistrationPage";
+import TaskPage from "./pages/TaskPage";
+
+class App extends Component {
+  render() {
+    return (
+      <Routes>
+        <Route path="/" element={<HomePage />} />
+        <Route path="/registration" element={<RegistrationPage />} />
+        <Route path="/login" element={<LoginPage />} />
+        <Route path="/forget-password" element={<ForgetPasswordPage />} />
+        <Route path="/profile" element={<ProfilePage />} />
+        <Route path="/dashboard" element={<DashboardPage />} />
+        <Route path="/create-blog" element={<CreateTaskPage />} />
+        <Route path="/all-blog" element={<TaskPage />} />
+        <Route path="/pending-blog" element={<PendingTaskPage />} />
+        <Route path="/cancled-blog" element={<CancledTaskPage />} />
+        <Route path="/new-blog" element={<NewTaskPage />} />
+        <Route path="/complate-page" element={<ComplatedTaskPage />} />
+        <Route element={<NotFoundPage />} />
+      </Routes>
+    );
+  }
+}
+
+export default App;