create-jinmankn-app 1.0.11 → 1.0.13

package/templates/SMS(Stock Managment System)/frontend-project/src/pages/Warehouse.jsx

@@ -1,12 +1,17 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import axios from 'axios';
 import AppLayout from '../components/AppLayout';
 
+const API_BASE = 'http://localhost:1000/api/warehouse';
+
 function Warehouse() {
+  const [warehouses, setWarehouses] = useState([]);
   const [warehouseCode, setWarehouseCode] = useState('');
   const [warehouseName, setWarehouseName] = useState('');
   const [warehouseLocation, setWarehouseLocation] = useState('');
   const [message, setMessage] = useState('');
+  const [error, setError] = useState('');
+  const [editingId, setEditingId] = useState(null);
 
   const headers = {
     Authorization: `Bearer ${localStorage.getItem('token')}`,
@@ -16,64 +21,165 @@ function Warehouse() {
     setWarehouseCode('');
     setWarehouseName('');
     setWarehouseLocation('');
+    setEditingId(null);
+  };
+
+  const fetchWarehouses = async () => {
+    try {
+      const response = await axios.get(`${API_BASE}/getwarehouse`, { headers });
+      setWarehouses(response.data);
+    } catch (err) {
+      setError('Failed to load warehouses');
+      console.error(err);
+    }
   };
 
   const handleSubmit = async (e) => {
     e.preventDefault();
     setMessage('');
+    setError('');
 
     try {
-      await axios.post(
-        'http://localhost:5001/api/warehouse/addwarehouse',
-        { warehouseCode, warehouseName, warehouseLocation },
-        { headers }
-      );
-      setMessage('Warehouse added successfully');
+      if (editingId) {
+        await axios.put(
+          `${API_BASE}/updatewarehouse/${editingId}`,
+          { warehouseCode, warehouseName, warehouseLocation },
+          { headers }
+        );
+        setMessage('Warehouse updated successfully');
+      } else {
+        await axios.post(
+          `${API_BASE}/addwarehouse`,
+          { warehouseCode, warehouseName, warehouseLocation },
+          { headers }
+        );
+        setMessage('Warehouse added successfully');
+      }
       clearForm();
+      fetchWarehouses();
     } catch (err) {
-      setMessage('Failed to add warehouse');
-      console.log(err);
+      setError(err.response?.data?.message || 'Failed to save warehouse');
+      console.error(err);
     }
   };
 
+  const handleEdit = (warehouse) => {
+    setEditingId(warehouse._id);
+    setWarehouseCode(warehouse.warehouseCode || '');
+    setWarehouseName(warehouse.warehouseName || '');
+    setWarehouseLocation(warehouse.warehouseLocation || '');
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+  };
+
+  const handleDelete = async (id) => {
+    try {
+      await axios.delete(`${API_BASE}/deletewarehouse/${id}`, { headers });
+      setMessage('Warehouse deleted successfully');
+      fetchWarehouses();
+    } catch (err) {
+      setError('Failed to delete warehouse');
+      console.error(err);
+    }
+  };
+
+  useEffect(() => {
+    fetchWarehouses();
+  }, []);
+
   return (
     <AppLayout title="Warehouse management" subtitle="Locations">
-      <div className="mx-auto max-w-xl">
-        {message && (
-          <p className={`mb-4 text-sm ${message.includes('Failed') ? 'alert-error' : 'alert-success'}`}>
-            {message}
-          </p>
-        )}
+      <div className="mx-auto max-w-6xl space-y-6">
+        <div className="card space-y-4 p-5">
+          {message && <p className="alert-success">{message}</p>}
+          {error && <p className="alert-error">{error}</p>}
+
+          <form onSubmit={handleSubmit} className="space-y-3">
+            <h2 className="text-lg font-semibold text-slate-800">
+              {editingId ? 'Edit warehouse' : 'Add new warehouse'}
+            </h2>
+            <div className="grid gap-4 sm:grid-cols-3">
+              <input
+                type="text"
+                placeholder="Warehouse code"
+                value={warehouseCode}
+                onChange={(e) => setWarehouseCode(e.target.value)}
+                className="input-field"
+                required
+              />
+              <input
+                type="text"
+                placeholder="Warehouse name"
+                value={warehouseName}
+                onChange={(e) => setWarehouseName(e.target.value)}
+                className="input-field"
+                required
+              />
+              <input
+                type="text"
+                placeholder="Warehouse location"
+                value={warehouseLocation}
+                onChange={(e) => setWarehouseLocation(e.target.value)}
+                className="input-field"
+                required
+              />
+            </div>
+            <div className="flex flex-wrap gap-3">
+              <button type="submit" className="btn-primary">
+                {editingId ? 'Save changes' : 'Add warehouse'}
+              </button>
+              {editingId && (
+                <button type="button" onClick={clearForm} className="btn-secondary">
+                  Cancel
+                </button>
+              )}
+            </div>
+          </form>
+        </div>
 
-        <form onSubmit={handleSubmit} className="card space-y-3 p-5">
-          <input
-            type="text"
-            placeholder="Warehouse code"
-            value={warehouseCode}
-            onChange={(e) => setWarehouseCode(e.target.value)}
-            className="input-field"
-            required
-          />
-          <input
-            type="text"
-            placeholder="Warehouse name"
-            value={warehouseName}
-            onChange={(e) => setWarehouseName(e.target.value)}
-            className="input-field"
-            required
-          />
-          <input
-            type="text"
-            placeholder="Warehouse location"
-            value={warehouseLocation}
-            onChange={(e) => setWarehouseLocation(e.target.value)}
-            className="input-field"
-            required
-          />
-          <button type="submit" className="btn-primary">
-            Add warehouse
-          </button>
-        </form>
+        <div className="card p-5">
+          <h2 className="text-lg font-semibold text-slate-800">Warehouses</h2>
+          {warehouses.length === 0 ? (
+            <p className="mt-4 text-sm text-slate-500">No warehouses available.</p>
+          ) : (
+            <div className="mt-4 overflow-x-auto">
+              <table className="min-w-full divide-y divide-slate-200 text-sm">
+                <thead>
+                  <tr className="bg-slate-50 text-left text-slate-600">
+                    <th className="px-4 py-3">Code</th>
+                    <th className="px-4 py-3">Name</th>
+                    <th className="px-4 py-3">Location</th>
+                    <th className="px-4 py-3">Actions</th>
+                  </tr>
+                </thead>
+                <tbody className="divide-y divide-slate-200">
+                  {warehouses.map((warehouse) => (
+                    <tr key={warehouse._id} className="hover:bg-slate-50">
+                      <td className="px-4 py-3">{warehouse.warehouseCode}</td>
+                      <td className="px-4 py-3">{warehouse.warehouseName}</td>
+                      <td className="px-4 py-3">{warehouse.warehouseLocation}</td>
+                      <td className="px-4 py-3 space-x-2">
+                        <button
+                          type="button"
+                          onClick={() => handleEdit(warehouse)}
+                          className="btn-secondary"
+                        >
+                          Edit
+                        </button>
+                        <button
+                          type="button"
+                          onClick={() => handleDelete(warehouse._id)}
+                          className="btn-danger"
+                        >
+                          Delete
+                        </button>
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          )}
+        </div>
       </div>
     </AppLayout>
   );

package/templates/SMS(Stock Managment System)/package-lock.json

@@ -0,0 +1,13 @@
+{
+  "name": "jinman-blueprint",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "jinman-blueprint",
+      "version": "1.0.0",
+      "license": "ISC"
+    }
+  }
+}

package/templates/SRMS(Sales Record Management System)/backend/routes/protectedRoutes.js

@@ -0,0 +1,13 @@
+const express = require('express');
+const { protect } = require('../middleware/auth');
+
+const router = express.Router();
+
+router.get('/secret', protect, (req, res) => {
+  res.json({
+    message: 'You have accessed a protected backend route.',
+    user: req.user,
+  });
+});
+
+module.exports = router;

package/templates/SRMS(Sales Record Management System)/backend/server.js

@@ -8,6 +8,7 @@ const salesRoutes = require('./routes/salesRoutes');
 const productRoutes = require('./routes/productRoutes');
 const customerRoutes = require('./routes/customerRoutes');
 const reportsRoutes = require('./routes/reportsRoutes');
+const protectedRoutes = require('./routes/protectedRoutes');
 
 const app = express();
 
@@ -20,6 +21,7 @@ app.use('/api/customer', customerRoutes);
 app.use('/api/reports', reportsRoutes);
 app.use('/api/auth', authRoutes);
 app.use('/api/sales', salesRoutes);
+app.use('/api/protected', protectedRoutes);
 
 const PORT = 5001;
 app.listen(PORT, () => {

package/templates/SRMS(Sales Record Management System)/frontend/src/App.jsx

@@ -7,6 +7,7 @@ import Product from './pages/Product';
 import Sales from './pages/Sales';
 import Customer from './pages/Customer';
 import Reports from './pages/Reports';
+import ProtectedRoute from './components/ProtectedRoute';
 
 import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
 
@@ -16,7 +17,7 @@ function App() {
       <Routes>
         <Route path="/login" element={<Login />} />
         <Route path="/register" element={<Register />} />
-        <Route path="/" element={<Layout />}>
+        <Route path="/" element={<ProtectedRoute><Layout /></ProtectedRoute>}>
           <Route index element={<Dashboard />} />
           <Route path="dashboard" element={<Dashboard />} />
           <Route path="dashboard/customers" element={<Customer />} />

package/templates/SRMS(Sales Record Management System)/frontend/src/components/ProtectedRoute.jsx

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+
+function ProtectedRoute({ children }) {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    const token = localStorage.getItem('token');
+    if (!token) {
+      navigate('/login', { replace: true });
+    }
+  }, [navigate]);
+
+  const token = localStorage.getItem('token');
+  if (!token) {
+    return null;
+  }
+
+  return children;
+}
+
+export default ProtectedRoute;

package/templates/index/README.md

@@ -0,0 +1,34 @@
+Problems the new system is fixing
+
+Data duplication
+Slow manual processes
+Poor record tracking
+Data inconsistency
+Delayed reporting
+Difficulty retrieving information
+
+
+What the new system will do
+
+Manage employee records
+Record purchases
+Record sales
+Store data centrally
+Retrieve information quickly
+Generate accurate reports
+Support management decision-making
+Simple summary
+
+The web-based system will replace the manual system by centralizing employee, purchase, and sales records, reducing duplication, improving data consistency, speeding up operations, and producing accurate reports.
+
+//middleware 
+Middleware in the MERN stack is a function that runs between a client's request and the server's response.
+
+It is used to:
+
+Check authentication (JWT tokens)
+Validate data
+Handle errors
+Log requests
+Modify request/response objects
+

package/templates/index/backend/config/db.js

@@ -0,0 +1,12 @@
+const mongoose = require('mongoose');
+
+const connectDB = async () => {
+  try {
+    await mongoose.connect('mongodb://localhost:27017/HRMS');
+    console.log('MongoDB connected');
+  } catch (error) {
+    console.error('MongoDB connection error:', error);
+  }
+};
+
+module.exports = connectDB;

package/templates/index/backend/controllers/authController.js

@@ -0,0 +1,88 @@
+const bcrypt = require('bcrypt');
+const jwt = require('jsonwebtoken');
+const User = require('../models/User');
+const JWT_SECRET = 'change_this_to_a_long_random_secret';
+
+function createToken(userId) {
+  return jwt.sign({ userId }, JWT_SECRET, { expiresIn: '7d' });
+}
+//this function is formatting the user object to return the id, name, and email when 
+function formatUser(user) {
+  return {
+    id: user._id,
+    name: user.name,
+    email: user.email,
+  };
+}
+
+exports.register = async (req, res) => {
+  try {
+    const { name, email, password } = req.body;
+
+    if (!name || !email || !password) {
+      return res.status(400).json({ message: 'Name, email, and password are required' });
+    }
+
+    if (password.length < 6) {
+      return res.status(400).json({ message: 'Password must be at least 6 characters' });
+    }
+
+    const existing = await User.findOne({ email: email.trim().toLowerCase() });
+    if (existing) {
+      return res.status(409).json({ message: 'Email already registered' });
+    }
+
+    const hashedPassword = await bcrypt.hash(password, 10);
+    const user = await User.create({
+      name: name.trim(),
+      email: email.trim().toLowerCase(),
+      password: hashedPassword,
+    });
+
+    const token = createToken(user._id);
+
+    res.status(201).json({
+      token,
+      user: formatUser(user),
+    });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};
+
+exports.login = async (req, res) => {
+  try {
+    const { email, password } = req.body;
+
+    if (!email || !password) {
+      return res.status(400).json({ message: 'Email and password are required' });
+    }
+
+    const user = await User.findOne({ email: email.trim().toLowerCase() });
+    if (!user) {
+      return res.status(401).json({ message: 'Invalid email or password' });
+    }
+
+    const match = await bcrypt.compare(password, user.password);
+    if (!match) {
+      return res.status(401).json({ message: 'Invalid email or password' });
+    }
+
+    const token = createToken(user._id);
+
+    res.json({
+      token,
+      user: formatUser(user),
+    });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};
+
+exports.getMe = async (req, res) => {
+  try {
+    res.json({ user: formatUser(req.user) });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};

package/templates/index/backend/controllers/departmentController.js

@@ -0,0 +1,74 @@
+const Department = require('../models/Department');
+
+exports.addDepartment = async (req, res) => {
+  try {
+    const { departmentName } = req.body;
+
+    if (!departmentName) {
+      return res.status(400).json({ message: 'Department name is required' });
+    }
+
+    const existing = await Department.findOne({ departmentName: departmentName.trim() });
+    if (existing) {
+      return res.status(409).json({ message: 'Department already exists' });
+    }
+
+    const dept = await Department.create({ departmentName: departmentName.trim() });
+    res.status(201).json(dept);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};
+
+exports.getDepartments = async (req, res) => {
+  try {
+    const departments = await Department.find();
+    res.json(departments);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};
+
+exports.updateDepartment = async (req, res) => {
+  try {
+    const { departmentName } = req.body;
+
+    if (!departmentName) {
+      return res.status(400).json({ message: 'Department name is required' });
+    }
+
+    const department = await Department.findById(req.params.id);
+    if (!department) {
+      return res.status(404).json({ message: 'Department not found' });
+    }
+
+    const existing = await Department.findOne({
+      departmentName: departmentName.trim(),
+      _id: { $ne: req.params.id },
+    });
+    if (existing) {
+      return res.status(409).json({ message: 'Department already exists' });
+    }
+
+    department.departmentName = departmentName.trim();
+    await department.save();
+
+    res.json(department);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};
+
+exports.deleteDepartment = async (req, res) => {
+  try {
+    const department = await Department.findById(req.params.id);
+    if (!department) {
+      return res.status(404).json({ message: 'Department not found' });
+    }
+
+    await Department.findByIdAndDelete(req.params.id);
+    res.json({ message: 'Department deleted successfully' });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};