create-jinmankn-app 1.0.12 → 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/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 });
+  }
+};

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

@@ -0,0 +1,204 @@
+const Employee = require('../models/Employee');
+const Department = require('../models/Department');
+const Position = require('../models/Position');
+const User = require('../models/User');
+
+exports.addEmployee = async (req, res) => {
+  try {
+    const {
+      userName,
+      firstName,
+      lastName,
+      email,
+      gender,
+      dateOfBirth,
+      telephone,
+      address,
+      hireDate,
+      status,
+      department,
+      position,
+    } = req.body;
+
+    if (
+      !firstName ||
+      !lastName ||
+      !email ||
+      !gender ||
+      !dateOfBirth ||
+      !telephone ||
+      !address ||
+      !hireDate ||
+      !status ||
+      !department ||
+      !position
+    ) {
+      return res.status(400).json({ message: 'All employee fields are required' });
+    }
+
+    const existing = await Employee.findOne({ email: email.toLowerCase() });
+    if (existing) {
+      return res.status(409).json({ message: 'Employee email already exists' });
+    }
+
+    const departmentExists = await Department.findById(department);
+    if (!departmentExists) {
+      return res.status(404).json({ message: 'Department not found' });
+    }
+
+    const positionExists = await Position.findById(position);
+    if (!positionExists) {
+      return res.status(404).json({ message: 'Position not found' });
+    }
+
+    const employee = await Employee.create({
+      userName,
+      firstName: firstName.trim(),
+      lastName: lastName.trim(),
+      email: email.toLowerCase(),
+      gender,
+      dateOfBirth,
+      telephone: telephone.trim(),
+      address: address.trim(),
+      hireDate,
+      status,
+      department,
+      position,
+    });
+
+    if (email) {
+      const user = await User.findOne({ email: email.toLowerCase() });
+      if (user) {
+        user.employee = employee._id;
+        await user.save();
+      }
+    }
+
+    res.status(201).json(employee);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};
+
+exports.getEmployees = async (req, res) => {
+  try {
+    const employees = await Employee.find().populate('department position');
+    res.json(employees);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};
+
+exports.getEmployee = async (req, res) => {
+  try {
+    const employee = await Employee.findById(req.params.id).populate('department position');
+    if (!employee) {
+      return res.status(404).json({ message: 'Employee not found' });
+    }
+    res.json(employee);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};
+
+exports.updateEmployee = async (req, res) => {
+  try {
+    const employee = await Employee.findById(req.params.id);
+    if (!employee) {
+      return res.status(404).json({ message: 'Employee not found' });
+    }
+
+    const {
+      userName,
+      firstName,
+      lastName,
+      email,
+      gender,
+      dateOfBirth,
+      telephone,
+      address,
+      hireDate,
+      status,
+      department,
+      position,
+    } = req.body;
+
+    if (
+      !firstName ||
+      !lastName ||
+      !email ||
+      !gender ||
+      !dateOfBirth ||
+      !telephone ||
+      !address ||
+      !hireDate ||
+      !status ||
+      !department ||
+      !position
+    ) {
+      return res.status(400).json({ message: 'All employee fields are required' });
+    }
+
+    const existing = await Employee.findOne({
+      email: email.toLowerCase(),
+      _id: { $ne: req.params.id },
+    });
+    if (existing) {
+      return res.status(409).json({ message: 'Employee email already exists' });
+    }
+
+    const departmentExists = await Department.findById(department);
+    if (!departmentExists) {
+      return res.status(404).json({ message: 'Department not found' });
+    }
+
+    const positionExists = await Position.findById(position);
+    if (!positionExists) {
+      return res.status(404).json({ message: 'Position not found' });
+    }
+
+    const oldEmail = employee.email;
+
+    employee.userName = userName;
+    employee.firstName = firstName.trim();
+    employee.lastName = lastName.trim();
+    employee.email = email.toLowerCase();
+    employee.gender = gender;
+    employee.dateOfBirth = dateOfBirth;
+    employee.telephone = telephone.trim();
+    employee.address = address.trim();
+    employee.hireDate = hireDate;
+    employee.status = status;
+    employee.department = department;
+    employee.position = position;
+
+    await employee.save();
+
+    if (oldEmail !== email.toLowerCase()) {
+      const user = await User.findOne({ email: oldEmail });
+      if (user) {
+        user.email = email.toLowerCase();
+        await user.save();
+      }
+    }
+
+    const updatedEmployee = await Employee.findById(req.params.id).populate('department position');
+    res.json(updatedEmployee);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};
+
+exports.deleteEmployee = async (req, res) => {
+  try {
+    const employee = await Employee.findById(req.params.id);
+    if (!employee) {
+      return res.status(404).json({ message: 'Employee not found' });
+    }
+
+    await Employee.findByIdAndDelete(req.params.id);
+    res.json({ message: 'Employee deleted successfully' });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+};