project-startup 1.0.0

package/template/backend-project/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "backend-project",
+  "version": "1.0.0",
+  "main": "src/app.js",
+  "scripts": {
+    "dev": "nodemon app.js"
+  },
+  "devDependencies": {
+    "nodemon": "^3.1.14"
+  },
+  "dependencies": {
+    "bcryptjs": "^3.0.3",
+    "cors": "^2.8.6",
+    "express": "^5.2.1",
+    "express-session": "^1.19.0",
+    "mysql2": "^3.22.4"
+  }
+}

package/template/backend-project/src/app.js

@@ -0,0 +1,36 @@
+const express = require('express')
+const session = require('express-session')
+const cors = require('cors')
+
+const db = require('./config/db')
+
+const app = express()
+const port = 5000
+
+app.use(cors({
+    origin: 'http://localhost:5173',
+    credentials: true
+}))
+
+app.use(
+    session({
+        secret: "secretkey",
+        resave: false,
+        saveUninitialized: false,
+        cookie: {
+            httpOnly: true,
+            secure: false,
+            maxAge: 1000 * 60 * 60 * 24,
+        },
+    })
+);
+
+app.use(express.json());
+
+const authRoutes = require('./routes/authRoutes')
+
+app.use('/auth', authRoutes)
+
+app.listen(port, () => {
+    console.log(`Server Running http://localhost:${port}`)
+})

package/template/backend-project/src/config/db.js

@@ -0,0 +1,19 @@
+const mysql = require("mysql2/promise");
+
+const db = mysql.createPool({
+    host: "localhost",
+    user: "root",
+    password: "root",
+    database: "project_starter_db",
+});
+
+db.getConnection((err) => {
+    if (err) {
+        console.log("Database connection failed");
+        return;
+    }
+
+    console.log("Database connected");
+});
+
+module.exports = db;

package/template/backend-project/src/config/db.sql

@@ -0,0 +1,10 @@
+create database project_starter_db;
+
+use project_starter_db;
+
+CREATE TABLE users (
+    id INT PRIMARY KEY AUTO_INCREMENT,
+    username VARCHAR(255) NOT NULL,
+    useremail VARCHAR(255) UNIQUE NOT NULL,
+    userpassword VARCHAR(255) NOT NULL
+);

package/template/backend-project/src/controllers/authCont.js

@@ -0,0 +1,136 @@
+const bcrypt = require("bcryptjs");
+const db = require("../config/db");
+
+const register = async (req, res) => {
+    try {
+        const {
+            username,
+            useremail,
+            userpassword,
+        } = req.body;
+
+        const [existingUser] = await db.query(
+            "SELECT * FROM users WHERE useremail = ?",
+            [useremail]
+        );
+
+        if (existingUser.length > 0) {
+            return res.status(400).json({
+                message: "Email already exists",
+            });
+        }
+
+        const hashedPassword =
+            await bcrypt.hash(userpassword, 10);
+
+        await db.query(
+            `
+            INSERT INTO users
+            (username, useremail, userpassword)
+            VALUES (?, ?, ?)
+            `,
+            [
+                username,
+                useremail,
+                hashedPassword,
+            ]
+        );
+
+        res.status(201).json({
+            message:
+                "User registered successfully",
+        });
+    } catch (error) {
+        res.status(500).json({
+            message: "Registration failed",
+        });
+    }
+};
+
+const login = async (req, res) => {
+    try {
+        const {
+            useremail,
+            userpassword,
+        } = req.body;
+
+        const [users] = await db.query(
+            "SELECT * FROM users WHERE useremail = ?",
+            [useremail]
+        );
+
+        if (users.length === 0) {
+            return res.status(400).json({
+                message: "Invalid credentials",
+            });
+        }
+
+        const user = users[0];
+
+        const isMatch =
+            await bcrypt.compare(
+                userpassword,
+                user.userpassword
+            );
+
+        if (!isMatch) {
+            return res.status(400).json({
+                message: "Invalid credentials",
+            });
+        }
+
+        req.session.user = {
+            id: user.id,
+            username: user.username,
+            useremail: user.useremail,
+        };
+
+        res.json({
+            message: "Login successful",
+            user: req.session.user,
+        });
+    } catch (error) {
+        res.status(500).json({
+            message: "Login failed",
+        });
+    }
+};
+
+const logout = async (req, res) => {
+    try {
+        req.session.destroy();
+
+        res.clearCookie("connect.sid");
+
+        res.json({
+            message: "Logout successful",
+        });
+    } catch (error) {
+        res.status(500).json({
+            message: "Logout failed",
+        });
+    }
+};
+
+const getMe = async (req, res) => {
+    try {
+        if (!req.session.user) {
+            return res.status(401).json({
+                message: "Unauthorized",
+            });
+        }
+
+        res.json(req.session.user);
+    } catch (error) {
+        res.status(500).json({
+            message: "Server error",
+        });
+    }
+};
+
+module.exports = {
+    register,
+    login,
+    logout,
+    getMe,
+};

package/template/backend-project/src/middleware/authMiddleware.js

@@ -0,0 +1,17 @@
+const isAuthenticated = (req, res, next) => {
+    try {
+        if (!req.session.user) {
+            return res.status(401).json({
+                message: "Unauthorized",
+            });
+        }
+
+        next();
+    } catch (error) {
+        res.status(500).json({
+            message: "Server error",
+        });
+    }
+};
+
+module.exports = isAuthenticated;

package/template/backend-project/src/routes/authRoutes.js

@@ -0,0 +1,32 @@
+const express = require("express");
+
+const {
+    register,
+    login,
+    logout,
+    getMe,
+} = require("../controllers/authCont");
+
+const isAuthenticated = require("../middleware/authMiddleware");
+
+const router = express.Router();
+
+router.post("/register", register);
+
+router.post("/login", login);
+
+router.post("/logout", logout);
+
+router.get("/me", getMe);
+
+router.get(
+    "/protected",
+    isAuthenticated,
+    (req, res) => {
+        res.json({
+            message: "Protected route accessed",
+        });
+    }
+);
+
+module.exports = router;

package/template/frontend-project/README.md

@@ -0,0 +1,16 @@
+# 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 not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## 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/template/frontend-project/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/template/frontend-project/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>frontend-project</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>