create-jinmankn-app 1.0.10 → 1.0.12

package/bin/index.js

@@ -1,87 +1,45 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 
-import inquirer from "inquirer";
-import fs from "fs-extra";
-import path from "path";
-import ora from "ora";
-import chalk from "chalk";
-import { fileURLToPath } from "url";
+import fs from 'fs';
+import path from 'path';
+import fse from 'fs-extra';
+import inquirer from 'inquirer';
+import { fileURLToPath } from 'url';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-const templatesDir = path.join(__dirname, "../templates");
-
-// 🔒 Check templates folder exists
-if (!fs.existsSync(templatesDir)) {
-  console.log(chalk.red("Templates folder not found!"));
-  process.exit(1);
-}
-
-// 📦 Get templates (folders only)
-const templates = fs
-  .readdirSync(templatesDir)
-  .filter((dir) =>
-    fs.lstatSync(path.join(templatesDir, dir)).isDirectory()
-  );
-
-// 🔒 No templates check
-if (templates.length === 0) {
-  console.log(chalk.red("❌ No templates found!"));
-  process.exit(1);
-}
-
-// 🎯 Prompt user
-const answers = await inquirer.prompt([
-  {
-    type: "input",
-    name: "projectName",
-    message: "Project name:"
-  },
-  {
-    type: "list",
-    name: "template",
-    message: "Choose a template:",
-    choices: templates.map((t) => ({
-      name: `${t}`,
-      value: t
-    }))
-  }
-]);
-
-const projectPath = path.join(
-  process.cwd(),
-  answers.projectName
-);
-
-const templatePath = path.join(
-  templatesDir,
-  answers.template
-);
-
-// 🔒 Prevent overwrite
-if (fs.existsSync(projectPath)) {
-  console.log(chalk.red("Folder already exists!"));
-  process.exit(1);
+async function run() {
+  const templatesDir = path.join(__dirname, '../templates');
+
+  const projects = fs.readdirSync(templatesDir)
+    .filter(item =>
+      fs.statSync(path.join(templatesDir, item)).isDirectory()
+    );
+
+  const { project } = await inquirer.prompt([
+    {
+      type: 'list',
+      name: 'project',
+      message: 'Select a project:',
+      choices: projects
+    }
+  ]);
+
+  const { projectName } = await inquirer.prompt([
+    {
+      type: 'input',
+      name: 'projectName',
+      message: 'Enter project name:'
+    }
+  ]);
+
+  const source = path.join(templatesDir, project);
+  const destination = path.join(process.cwd(), projectName);
+
+  await fse.copy(source, destination);
+
+  console.log(`✅ Project "${projectName}" created successfully!`);
 }
 
-// 🚀 Spinner
-const spinner = ora("Creating project...").start();
-
-try {
-  // 📂 Copy template into new folder
-  await fs.copy(templatePath, projectPath);
-
-  spinner.succeed(
-    chalk.green("Project created successfully!")
-  );
-
-  console.log("\n");
-  console.log(chalk.cyan("Next steps:"));
-  console.log(chalk.white(`cd ${answers.projectName}`));
-  console.log(chalk.white("npm install"));
-  console.log(chalk.white("npm run dev"));
-} catch (err) {
-  spinner.fail(chalk.red("Failed to create project"));
-  console.log(err);
-}
+run().catch(console.error);

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "create-jinmankn-app",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "type": "module",
   "bin": {
     "create-jinmankn-app": "./bin/index.js"
-  },"scripts": {
+  },
+  "scripts": {
     "pub": "npm version patch -m \"release: %s\" && npm publish --access public"
   },
   "files": [
@@ -21,9 +22,10 @@
   ],
   "license": "MIT",
   "dependencies": {
+    "axios": "^1.16.1",
     "chalk": "^5.6.0",
-    "fs-extra": "^11.3.1",
-    "inquirer": "^12.9.4",
+    "fs-extra": "^11.3.5",
+    "inquirer": "^12.11.1",
     "ora": "^9.0.0"
   }
 }

package/templates/EPMS(Employee Payroll Managment System)/backend/routes/protectedRoutes.js

@@ -0,0 +1,10 @@
+const express = require('express');
+const router = express.Router();
+const { protect } = require('../middleware/auth');
+
+// Simple protected endpoint that returns the authenticated user
+router.get('/', protect, (req, res) => {
+  res.json({ message: 'This is a protected route', user: req.user });
+});
+
+module.exports = router;

package/templates/EPMS(Employee Payroll Managment System)/backend/server.js

@@ -7,6 +7,7 @@ const authRoutes = require('./routes/authRoutes');
 const departmentRoutes = require('./routes/departmentRoutes');
 const employeeRoutes = require('./routes/employeeRoutes');
 const salaryRoutes = require('./routes/salaryRoutes');
+const protectedRoutes = require('./routes/protectedRoutes');
 
 const app = express();
 
@@ -18,6 +19,7 @@ app.use('/api/auth', authRoutes);
 app.use('/api/departments', departmentRoutes);
 app.use('/api/employees', employeeRoutes);
 app.use('/api/salaries', salaryRoutes);
+app.use('/api/protected', protectedRoutes);
 
 const PORT = 5001;
 app.listen(PORT, () => {

package/templates/EPMS(Employee Payroll Managment System)/frontend/src/App.jsx

@@ -1,5 +1,6 @@
 import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
 import DashboardLayout from './components/DashboardLayout';
+import ProtectedRoute from './components/ProtectedRoute';
 import DashboardHome from './pages/DashboardHome';
 import Register from './pages/Register';
 import Login from './pages/Login';
@@ -16,7 +17,7 @@ function App() {
         <Route path="/login" element={<Login />} />
         <Route path="/register" element={<Register />} />
 
-        <Route path="/dashboard" element={<DashboardLayout />}>
+        <Route path="/dashboard" element={<ProtectedRoute><DashboardLayout /></ProtectedRoute>}>
           <Route index element={<DashboardHome />} />
           <Route path="department" element={<Department />} />
           <Route path="employee" element={<Employee />} />

package/templates/EPMS(Employee Payroll Managment System)/frontend/src/components/ProtectedRoute.jsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Navigate } from 'react-router-dom';
+
+export default function ProtectedRoute({ children }) {
+  const token = localStorage.getItem('token');
+  if (!token) return <Navigate to="/login" replace />;
+  return children;
+}

package/templates/Faisal Hospital Managment System (FHMS) mysql/backend/routes/secureRoutes.js

@@ -0,0 +1,14 @@
+const express = require('express');
+const { protect } = require('../middleware/auth');
+
+const router = express.Router();
+
+// A simple protected route for testing auth-protected access.
+router.get('/', protect, (req, res) => {
+  res.json({
+    message: 'Protected route accessed successfully',
+    user: req.user,
+  });
+});
+
+module.exports = router;

package/templates/{hospital-faisal/backend/server.js → Faisal Hospital Managment System (FHMS) mysql/backend/server.js }

@@ -3,6 +3,7 @@ const express = require('express');
 const cors = require('cors');
 const { initDatabase } = require('./config/db');
 const authRoutes = require('./routes/authRoutes');
+const secureRoutes = require('./routes/secureRoutes');
 const patientRoutes = require('./routes/patientRoutes');
 const appointmentRoutes = require('./routes/appointmentRoutes');
 const medicalReportRoutes = require('./routes/medicalReportRoutes');
@@ -21,6 +22,7 @@ app.use(express.json());
 
 app.use('/api/health', healthRoutes);
 app.use('/api/auth', authRoutes);
+app.use('/api/secure', secureRoutes);
 app.use('/api/patients', patientRoutes);
 app.use('/api/appointments', appointmentRoutes);
 app.use('/api/medical-reports', medicalReportRoutes);

package/templates/{hospital-faisal/frontend/src/components/ProtectedRoute.jsx → Faisal Hospital Managment System (FHMS) mysql/frontend/src/components/ProtectedRoute.jsx }

@@ -1,14 +1,13 @@
 // this component is helping us to protect our routes so that only authenticated users can access the routes
 import { Navigate } from 'react-router-dom';
+import { isAuthenticated } from '../utils/auth';
 
 // this function is firstly checking if the user is authenticated by checking the token in the localStorage
 // if the user is not authenticated, it will redirect the user to the login page
 // if the user is authenticated, it will return the children components
 //and the children component is the component that we want to protect
 function ProtectedRoute({ children }) {
-  const token = localStorage.getItem('token');
-
-  if (!token) {
+  if (!isAuthenticated()) {
     return <Navigate to="/login" replace />;
   }
 

package/templates/Faisal Hospital Managment System (FHMS) mysql/frontend/src/utils/auth.js

@@ -0,0 +1,13 @@
+export const getToken = () => localStorage.getItem('token');
+
+export const isAuthenticated = () => Boolean(getToken());
+
+export const setAuthToken = (token) => {
+  if (token) {
+    localStorage.setItem('token', token);
+  }
+};
+
+export const logout = () => {
+  localStorage.removeItem('token');
+};

package/templates/LMS(Library Managment System)/backend/controllers/authController.js

@@ -54,3 +54,35 @@ exports.getMe = async (req, res) => {
     res.status(500).json({ message: err.message });
   }
 };
+
+exports.register = async (req, res) => {
+  try {
+    const { name, username, password } = req.body;
+
+    if (!name || !username || !password) {
+      return res.status(400).json({ message: 'Name, username and password are required' });
+    }
+
+    const existing = await User.findOne({ username: username.toLowerCase() });
+    if (existing) {
+      return res.status(409).json({ message: 'Username already exists' });
+    }
+
+    const hashed = await bcrypt.hash(password, 10);
+
+    const user = new User({
+      name,
+      username: username.toLowerCase(),
+      password: hashed,
+      role: 'staff',
+    });
+
+    await user.save();
+
+    const token = createToken(user._id);
+
+    res.status(201).json({ token, user: formatUser(user) });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};

package/templates/LMS(Library Managment System)/backend/routes/authRoutes.js

@@ -1,9 +1,10 @@
 const express = require('express');
-const { login, getMe } = require('../controllers/authController');
+const { login, getMe, register } = require('../controllers/authController');
 const { protect } = require('../middleware/auth');
 
 const router = express.Router();
 
+router.post('/register', register);
 router.post('/login', login);
 router.get('/me', protect, getMe);      
 

package/templates/LMS(Library Managment System)/backend/routes/protectedRoutes.js

@@ -0,0 +1,19 @@
+const express = require('express');
+const { protect } = require('../middleware/auth');
+
+const router = express.Router();
+
+// Simple protected route for verifying the JWT middleware works
+router.get('/check', protect, (req, res) => {
+  res.json({
+    message: 'Protected route is working',
+    user: {
+      id: req.user._id,
+      name: req.user.name,
+      username: req.user.username,
+      role: req.user.role,
+    },
+  });
+});
+
+module.exports = router;

package/templates/LMS(Library Managment System)/backend/server.js

@@ -9,6 +9,7 @@ const bookRoutes = require('./routes/bookRoutes')
 const studentRoutes = require('./routes/studentRoutes')
 const searchRoutes = require('./routes/searchRoutes')
 const statsRoutes = require('./routes/statsRoutes')
+const protectedRoutes = require('./routes/protectedRoutes')
 
 
 const app = express();
@@ -23,6 +24,7 @@ app.use('/api/auth/', authRoutes)
 app.use('/api/borrow',borrowRoutes)
 app.use('/api/search', searchRoutes)
 app.use('/api/stats', statsRoutes)
+app.use('/api/protected', protectedRoutes)
 
 
 const PORT = 5001;

package/templates/LMS(Library Managment System)/frontend/src/App.jsx

@@ -1,4 +1,5 @@
 import Login from './pages/Login';
+import Register from './pages/Register';
 import Dashboard from './components/Dashboard';
 import Profile from './pages/Profile';
 import Books from './pages/Books';
@@ -6,6 +7,7 @@ import Borrow from './pages/Borrow';
 import Return from './pages/Return';
 import Search from './pages/Search';
 import Reports from './pages/Reports';
+import ProtectedRoute from './ProtectedRoute';
 
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import Students from './pages/Students';
@@ -16,23 +18,80 @@ function App() {
 
   return (
     <div>
-<BrowserRouter>
-<Routes>
-    <Route path='/' element={<Login/>}/>
+      <BrowserRouter>
+        <Routes>
+          <Route path='/' element={<Login />} />
+          <Route path='/login' element={<Login />} />
+          <Route path='/register' element={<Register />} />
 
-  <Route path='/dashboard' element={<Dashboard/>}/>
-  <Route path='/login' element={<Login/>}/>
-  <Route path='/dashboard/books' element={<Books/>}/>
-  <Route path='/dashboard/students' element={<Students/>}/>
-  <Route path='/dashboard/profile' element={<Profile/>}/>
-  <Route path="/dashboard/borrow" element={<Borrow/>}/>
-  <Route path="/dashboard/return" element={<Return/>}/>
-  <Route path="/dashboard/search" element={<Search/>}/>
-  <Route path="/dashboard/reports" element={<Reports/>}/>
-</Routes>
-</BrowserRouter>
+          <Route
+            path='/dashboard'
+            element={
+              <ProtectedRoute>
+                <Dashboard />
+              </ProtectedRoute>
+            }
+          />
+          <Route
+            path='/dashboard/books'
+            element={
+              <ProtectedRoute>
+                <Books />
+              </ProtectedRoute>
+            }
+          />
+          <Route
+            path='/dashboard/students'
+            element={
+              <ProtectedRoute>
+                <Students />
+              </ProtectedRoute>
+            }
+          />
+          <Route
+            path='/dashboard/profile'
+            element={
+              <ProtectedRoute>
+                <Profile />
+              </ProtectedRoute>
+            }
+          />
+          <Route
+            path='/dashboard/borrow'
+            element={
+              <ProtectedRoute>
+                <Borrow />
+              </ProtectedRoute>
+            }
+          />
+          <Route
+            path='/dashboard/return'
+            element={
+              <ProtectedRoute>
+                <Return />
+              </ProtectedRoute>
+            }
+          />
+          <Route
+            path='/dashboard/search'
+            element={
+              <ProtectedRoute>
+                <Search />
+              </ProtectedRoute>
+            }
+          />
+          <Route
+            path='/dashboard/reports'
+            element={
+              <ProtectedRoute>
+                <Reports />
+              </ProtectedRoute>
+            }
+          />
+        </Routes>
+      </BrowserRouter>
     </div>
-  )
+  );
 }
 
 export default App

package/templates/LMS(Library Managment System)/frontend/src/ProtectedRoute.jsx

@@ -0,0 +1,13 @@
+import { Navigate } from 'react-router-dom';
+
+function ProtectedRoute({ children }) {
+  const token = localStorage.getItem('token');
+
+  if (!token) {
+    return <Navigate to="/login" replace />;
+  }
+
+  return children;
+}
+
+export default ProtectedRoute;

package/templates/LMS(Library Managment System)/frontend/src/pages/Login.jsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import axios from 'axios';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, Link } from 'react-router-dom';
 
 function Login() {
   const navigate = useNavigate();
@@ -70,6 +70,9 @@ function Login() {
         <p className="mt-4 text-center text-xs text-slate-500">
           Default: admin / admin123 or librarian / lib123
         </p>
+        <p className="mt-2 text-center text-xs">
+          Don't have an account? <Link to="/register" className="text-blue-400 underline">Create one</Link>
+        </p>
       </div>
     </div>
   );

package/templates/LMS(Library Managment System)/frontend/src/pages/Register.jsx

@@ -0,0 +1,87 @@
+import { useState } from 'react';
+import axios from 'axios';
+import { useNavigate, Link } from 'react-router-dom';
+
+function Register() {
+  const navigate = useNavigate();
+  const [name, setName] = useState('');
+  const [username, setUsername] = useState('');
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState('');
+  const [loading, setLoading] = useState(false);
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError('');
+    setLoading(true);
+
+    try {
+      const response = await axios.post('http://localhost:5001/api/auth/register', { name, username, password });
+      localStorage.setItem('token', response.data.token);
+      localStorage.setItem('user', JSON.stringify(response.data.user));
+      navigate('/dashboard');
+    } catch (err) {
+      setError(err.response?.data?.message || 'Registration failed');
+      console.error(err.response?.data || err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="flex min-h-screen items-center justify-center px-4">
+      <div className="lms-card w-full max-w-md p-8 shadow-lg">
+        <p className="text-xs font-semibold uppercase tracking-wider text-slate-400">Library LMS</p>
+        <h1 className="mt-1 mb-6 text-2xl font-semibold text-white">Register staff</h1>
+
+        {error && <p className="lms-alert-error">{error}</p>}
+
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div>
+            <label className="lms-label">Name</label>
+            <input
+              type="text"
+              required
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              className="lms-input"
+            />
+          </div>
+
+          <div>
+            <label className="lms-label">Username</label>
+            <input
+              type="text"
+              required
+              value={username}
+              onChange={(e) => setUsername(e.target.value)}
+              className="lms-input"
+            />
+          </div>
+
+          <div>
+            <label className="lms-label">Password</label>
+            <input
+              type="password"
+              required
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              className="lms-input"
+            />
+          </div>
+
+          <button type="submit" disabled={loading} className="lms-btn-primary w-full">
+            {loading ? 'Creating account...' : 'Create account'}
+          </button>
+        </form>
+
+        <p className="mt-4 text-center text-xs text-slate-500">After registering you will be taken to the dashboard.</p>
+        <p className="mt-2 text-center text-xs">
+          Already have an account? <Link to="/login" className="text-blue-400 underline">Sign in</Link>
+        </p>
+      </div>
+    </div>
+  );
+}
+
+export default Register;

package/templates/SCMS(Supply Chain Managment System)/backend/routes/protectedRoutes.js

@@ -0,0 +1,10 @@
+const express = require('express');
+const router = express.Router();
+const { protect } = require('../middleware/auth');
+
+// GET /api/protected - simple protected endpoint
+router.get('/', protect, (req, res) => {
+  res.json({ message: 'Protected content', user: req.user });
+});
+
+module.exports = router;

package/templates/SCMS(Supply Chain Managment System)/backend/server.js

@@ -10,6 +10,7 @@ const SupplierRoutes = require('./routes/SupplierRoutes');
 const shipmentRoutes = require('./routes/shipmentRoutes');
 const deliveryRoutes = require('./routes/deliveryRoutes');
 const reportsRoutes = require('./routes/reportsRoutes');
+const protectedRoutes = require('./routes/protectedRoutes');
 
 const app = express();
 
@@ -24,6 +25,7 @@ app.use('/api/sales', salesRoutes);
 app.use('/api/shipment', shipmentRoutes);
 app.use('/api/delivery', deliveryRoutes);
 app.use('/api/reports', reportsRoutes);
+app.use('/api/protected', protectedRoutes);
 
 const PORT = 5001;
 app.listen(PORT, () => {

package/templates/SCMS(Supply Chain Managment System)/frontend/src/App.jsx

@@ -8,6 +8,7 @@ import Supplier from './pages/Supplier';
 import Shipment from './pages/Shipment';
 import Delivery from './pages/Delivery';
 import Reports from './pages/Reports';
+import ProtectedRoute from './components/ProtectedRoute';
 
 function App() {
   return (
@@ -16,7 +17,7 @@ function App() {
         <Route path="/login" element={<Login />} />
         <Route path="/register" element={<Register />} />
 
-        <Route path="/dashboard" element={<DashboardLayout />}>
+        <Route path="/dashboard" element={<ProtectedRoute><DashboardLayout /></ProtectedRoute>}>
           <Route index element={<DashboardHome />} />
           <Route path="supplier" element={<Supplier />} />
           <Route path="shipment" element={<Shipment />} />

package/templates/SCMS(Supply Chain Managment System)/frontend/src/components/ProtectedRoute.jsx

@@ -0,0 +1,30 @@
+import React, { useEffect, useState } from 'react';
+import { Navigate } from 'react-router-dom';
+
+export default function ProtectedRoute({ children }) {
+  const [loading, setLoading] = useState(true);
+  const [authorized, setAuthorized] = useState(false);
+
+  useEffect(() => {
+    const token = localStorage.getItem('token');
+    if (!token) {
+      setLoading(false);
+      setAuthorized(false);
+      return;
+    }
+
+    fetch('http://localhost:5001/api/protected', {
+      headers: { Authorization: `Bearer ${token}` },
+    })
+      .then((res) => {
+        if (res.ok) setAuthorized(true);
+        else setAuthorized(false);
+      })
+      .catch(() => setAuthorized(false))
+      .finally(() => setLoading(false));
+  }, []);
+
+  if (loading) return <div>Loading...</div>;
+  if (!authorized) return <Navigate to="/login" replace />;
+  return children;
+}