create-ishvexa-app 1.0.0

package/templates/sims-app/frontend/src/pages/StockInPage.jsx

@@ -0,0 +1,122 @@
+import { useEffect, useState } from "react";
+import { getSpareParts } from "../api/sparePartsApi";
+import { getStockIn, createStockIn } from "../api/stockInApi";
+
+const validateStockIn = (form) => {
+  const errors = {};
+  if (!form.sparePartId) errors.sparePartId = "Select a spare part.";
+  if (!form.stockInQuantity || Number(form.stockInQuantity) <= 0) {
+    errors.stockInQuantity = "Quantity must be greater than 0.";
+  }
+  if (!form.stockInDate) errors.stockInDate = "Stock-in date is required.";
+  return errors;
+};
+
+function StockInPage() {
+  const [parts, setParts] = useState([]);
+  const [rows, setRows] = useState([]);
+  const [form, setForm] = useState({ sparePartId: "", stockInQuantity: "", stockInDate: "" });
+  const [fieldErrors, setFieldErrors] = useState({});
+  const [message, setMessage] = useState("");
+
+  const load = async () => {
+    const [pr, inRows] = await Promise.all([getSpareParts(), getStockIn()]);
+    setParts(pr.data);
+    setRows(inRows.data);
+  };
+
+  useEffect(() => {
+    load().catch(() => setMessage("Load failed"));
+  }, []);
+
+  const setField = (key, value) => {
+    setForm((f) => ({ ...f, [key]: value }));
+    setFieldErrors((prev) => ({ ...prev, [key]: "" }));
+  };
+
+  const inputClass = (key) =>
+    `w-full rounded border px-3 py-2 ${fieldErrors[key] ? "border-red-500" : ""}`;
+
+  const onSubmit = async (e) => {
+    e.preventDefault();
+    setMessage("");
+    const errors = validateStockIn(form);
+    if (Object.keys(errors).length) {
+      setFieldErrors(errors);
+      return;
+    }
+    try {
+      await createStockIn({
+        sparePartId: form.sparePartId,
+        stockInQuantity: Number(form.stockInQuantity),
+        stockInDate: new Date(form.stockInDate).toISOString(),
+      });
+      setForm({ sparePartId: "", stockInQuantity: "", stockInDate: "" });
+      setFieldErrors({});
+      setMessage("Stock in saved");
+      load();
+    } catch (err) {
+      setMessage(err.response?.data?.message || "Save failed");
+    }
+  };
+
+  return (
+    <div className="grid gap-4 md:grid-cols-2">
+      <section className="rounded-lg border border-blue-200 bg-white p-4 shadow">
+        <h2 className="mb-3 text-lg font-semibold text-blue-900">Stock In (insert only)</h2>
+        <form onSubmit={onSubmit} className="space-y-2">
+          <select
+            className={inputClass("sparePartId")}
+            value={form.sparePartId}
+            onChange={(e) => setField("sparePartId", e.target.value)}
+          >
+            <option value="">Spare part</option>
+            {parts.map((p) => (
+              <option key={p._id} value={p._id}>
+                {p.name} — {p.category}
+              </option>
+            ))}
+          </select>
+          {fieldErrors.sparePartId && <p className="text-xs text-red-600">{fieldErrors.sparePartId}</p>}
+          <input
+            type="number"
+            className={inputClass("stockInQuantity")}
+            placeholder="Quantity in"
+            min="1"
+            value={form.stockInQuantity}
+            onChange={(e) => setField("stockInQuantity", e.target.value)}
+          />
+          {fieldErrors.stockInQuantity && (
+            <p className="text-xs text-red-600">{fieldErrors.stockInQuantity}</p>
+          )}
+          <input
+            type="date"
+            className={inputClass("stockInDate")}
+            value={form.stockInDate}
+            onChange={(e) => setField("stockInDate", e.target.value)}
+          />
+          {fieldErrors.stockInDate && <p className="text-xs text-red-600">{fieldErrors.stockInDate}</p>}
+          <button
+            type="submit"
+            className="w-full rounded bg-blue-700 py-2 text-white hover:bg-blue-800"
+          >
+            Save
+          </button>
+        </form>
+        {message && <p className="mt-2 text-sm text-slate-600">{message}</p>}
+      </section>
+      <section className="rounded-lg border border-slate-200 bg-white p-4 shadow">
+        <h2 className="mb-3 text-lg font-semibold">History (read)</h2>
+        <div className="max-h-96 overflow-auto text-sm">
+          {rows.map((r) => (
+            <div key={r._id} className="border-b border-slate-100 py-2">
+              {r.sparePart?.name} +{r.stockInQuantity} @ {new Date(r.stockInDate).toLocaleDateString()}
+            </div>
+          ))}
+        </div>
+      </section>
+    </div>
+  );
+}
+
+export default StockInPage;

package/templates/sims-app/frontend/src/pages/StockOutPage.jsx

@@ -0,0 +1,252 @@
+import { useEffect, useState } from "react";
+import { getSpareParts } from "../api/sparePartsApi";
+import { getStockOut, createStockOut, updateStockOut, deleteStockOut } from "../api/stockOutApi";
+
+const empty = { sparePartId: "", stockOutQuantity: "", stockOutUnitPrice: "", stockOutDate: "" };
+
+const validateStockOut = (form, editing) => {
+  const errors = {};
+  if (!editing && !form.sparePartId) errors.sparePartId = "Select a spare part.";
+  if (!form.stockOutQuantity || Number(form.stockOutQuantity) <= 0) {
+    errors.stockOutQuantity = "Quantity must be greater than 0.";
+  }
+  if (form.stockOutUnitPrice === "" || Number.isNaN(Number(form.stockOutUnitPrice)) || Number(form.stockOutUnitPrice) < 0) {
+    errors.stockOutUnitPrice = "Unit price must be 0 or greater.";
+  }
+  if (!form.stockOutDate) errors.stockOutDate = "Stock-out date is required.";
+  return errors;
+};
+
+function StockOutPage() {
+  const [parts, setParts] = useState([]);
+  const [rows, setRows] = useState([]);
+  const [form, setForm] = useState(empty);
+  const [editing, setEditing] = useState(null);
+  const [fieldErrors, setFieldErrors] = useState({});
+  const [message, setMessage] = useState("");
+
+  const load = async () => {
+    const [pr, out] = await Promise.all([getSpareParts(), getStockOut()]);
+    setParts(pr.data);
+    setRows(out.data);
+  };
+
+  useEffect(() => {
+    load().catch(() => setMessage("Load failed"));
+  }, []);
+
+  const setField = (key, value) => {
+    setForm((f) => ({ ...f, [key]: value }));
+    setFieldErrors((prev) => ({ ...prev, [key]: "" }));
+  };
+
+  const inputClass = (key) =>
+    `rounded border px-2 py-2 ${fieldErrors[key] ? "border-red-500" : ""}`;
+
+  const onSubmit = async (e) => {
+    e.preventDefault();
+    setMessage("");
+    const errors = validateStockOut(form, editing);
+    if (Object.keys(errors).length) {
+      setFieldErrors(errors);
+      return;
+    }
+    const q = Number(form.stockOutQuantity);
+    const u = Number(form.stockOutUnitPrice);
+    if (!editing) {
+      try {
+        await createStockOut({
+          sparePartId: form.sparePartId,
+          stockOutQuantity: q,
+          stockOutUnitPrice: u,
+          stockOutDate: new Date(form.stockOutDate).toISOString(),
+        });
+        setForm(empty);
+        setFieldErrors({});
+        setMessage("Saved");
+        load();
+      } catch (err) {
+        setMessage(err.response?.data?.message || "Failed");
+      }
+    } else {
+      try {
+        await updateStockOut(editing, {
+          stockOutQuantity: q,
+          stockOutUnitPrice: u,
+          stockOutDate: new Date(form.stockOutDate).toISOString(),
+        });
+        setEditing(null);
+        setForm(empty);
+        setFieldErrors({});
+        setMessage("Updated");
+        load();
+      } catch (err) {
+        setMessage(err.response?.data?.message || "Update failed");
+      }
+    }
+  };
+
+  const startEdit = (r) => {
+    setEditing(r._id);
+    setFieldErrors({});
+    setForm({
+      sparePartId: r.sparePart?._id || r.sparePart,
+      stockOutQuantity: r.stockOutQuantity,
+      stockOutUnitPrice: r.stockOutUnitPrice,
+      stockOutDate: r.stockOutDate
+        ? new Date(r.stockOutDate).toISOString().slice(0, 10)
+        : "",
+    });
+  };
+
+  const onDelete = async (id) => {
+    if (!window.confirm("Delete this stock out?")) return;
+    setMessage("");
+    try {
+      await deleteStockOut(id);
+      if (editing === id) {
+        setEditing(null);
+        setForm(empty);
+        setFieldErrors({});
+      }
+      setMessage("Deleted");
+      load();
+    } catch (err) {
+      setMessage(err.response?.data?.message || "Delete failed");
+    }
+  };
+
+  return (
+    <div className="space-y-4">
+      <section className="rounded-lg border border-amber-200 bg-white p-4 shadow">
+        <h2 className="mb-3 text-lg font-semibold text-amber-900">Stock Out (create / list / update / delete)</h2>
+        <form onSubmit={onSubmit} className="grid gap-2 md:grid-cols-2 lg:grid-cols-5">
+          <div>
+            <select
+              className={`w-full ${inputClass("sparePartId")}`}
+              value={form.sparePartId}
+              disabled={Boolean(editing)}
+              onChange={(e) => setField("sparePartId", e.target.value)}
+            >
+              <option value="">Spare part</option>
+              {parts.map((p) => (
+                <option key={p._id} value={p._id}>
+                  {p.name}
+                </option>
+              ))}
+            </select>
+            {fieldErrors.sparePartId && <p className="mt-1 text-xs text-red-600">{fieldErrors.sparePartId}</p>}
+          </div>
+          <div>
+            <input
+              type="number"
+              className={`w-full ${inputClass("stockOutQuantity")}`}
+              min="1"
+              placeholder="Quantity"
+              value={form.stockOutQuantity}
+              onChange={(e) => setField("stockOutQuantity", e.target.value)}
+            />
+            {fieldErrors.stockOutQuantity && (
+              <p className="mt-1 text-xs text-red-600">{fieldErrors.stockOutQuantity}</p>
+            )}
+          </div>
+          <div>
+            <input
+              type="number"
+              className={`w-full ${inputClass("stockOutUnitPrice")}`}
+              min="0"
+              step="0.01"
+              placeholder="Unit price"
+              value={form.stockOutUnitPrice}
+              onChange={(e) => setField("stockOutUnitPrice", e.target.value)}
+            />
+            {fieldErrors.stockOutUnitPrice && (
+              <p className="mt-1 text-xs text-red-600">{fieldErrors.stockOutUnitPrice}</p>
+            )}
+          </div>
+          <div>
+            <input
+              type="date"
+              className={`w-full ${inputClass("stockOutDate")}`}
+              value={form.stockOutDate}
+              onChange={(e) => setField("stockOutDate", e.target.value)}
+            />
+            {fieldErrors.stockOutDate && (
+              <p className="mt-1 text-xs text-red-600">{fieldErrors.stockOutDate}</p>
+            )}
+          </div>
+          <div className="flex gap-2">
+            <button
+              type="submit"
+              className="flex-1 rounded bg-amber-600 px-2 py-2 text-white hover:bg-amber-700"
+            >
+              {editing ? "Update" : "Save"}
+            </button>
+            {editing && (
+              <button
+                type="button"
+                className="rounded bg-slate-500 px-2 py-2 text-white"
+                onClick={() => {
+                  setEditing(null);
+                  setForm(empty);
+                  setFieldErrors({});
+                }}
+              >
+                Cancel
+              </button>
+            )}
+          </div>
+        </form>
+        {message && <p className="mt-2 text-sm text-slate-600">{message}</p>}
+      </section>
+      <section className="rounded-lg border border-slate-200 bg-white p-4 shadow">
+        <h2 className="mb-3 font-semibold">All stock out records</h2>
+        <div className="overflow-x-auto">
+          <table className="w-full min-w-[640px] text-left text-sm">
+            <thead>
+              <tr className="bg-slate-100">
+                <th className="p-2">Part</th>
+                <th className="p-2">Qty</th>
+                <th className="p-2">Unit $</th>
+                <th className="p-2">Total</th>
+                <th className="p-2">Date</th>
+                <th className="p-2" />
+              </tr>
+            </thead>
+            <tbody>
+              {rows.map((r) => (
+                <tr key={r._id} className="border-b">
+                  <td className="p-2">{r.sparePart?.name || ""}</td>
+                  <td className="p-2">{r.stockOutQuantity}</td>
+                  <td className="p-2">{r.stockOutUnitPrice}</td>
+                  <td className="p-2">{r.stockOutTotalPrice}</td>
+                  <td className="p-2">
+                    {r.stockOutDate ? new Date(r.stockOutDate).toLocaleDateString() : ""}
+                  </td>
+                  <td className="p-2">
+                    <button
+                      type="button"
+                      className="mr-1 rounded bg-amber-100 px-2 py-0.5 text-amber-900"
+                      onClick={() => startEdit(r)}
+                    >
+                      Edit
+                    </button>
+                    <button
+                      type="button"
+                      className="rounded bg-red-100 px-2 py-0.5 text-red-800"
+                      onClick={() => onDelete(r._id)}
+                    >
+                      Del
+                    </button>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </section>
+    </div>
+  );
+}
+
+export default StockOutPage;

package/templates/sims-app/frontend/src/utils/passwordPolicy.js

@@ -0,0 +1,8 @@
+export function strongPasswordError(password) {
+  const p = String(password || "");
+  if (p.length < 8) return "Use at least 8 characters";
+  if (!/[A-Z]/.test(p)) return "Include an uppercase letter";
+  if (!/[a-z]/.test(p)) return "Include a lowercase letter";
+  if (!/[0-9]/.test(p)) return "Include a number";
+  return null;
+}

package/templates/sims-app/frontend/vite.config.js

@@ -0,0 +1,8 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  server: { port: 5174 },
+});

package/templates/smartshop-app/README.md

@@ -0,0 +1,61 @@
+# SMS — Sales Management System
+
+SMS is a full-stack sales management app:
+
+- Backend: Express + MySQL
+- Frontend: React + Vite
+
+## 1) Requirements
+
+- Node.js 18+
+- MySQL running on your machine
+
+## 2) Configure environment
+
+Create `backend/.env`:
+
+```env
+PORT=5000
+DB_HOST=localhost
+DB_PORT=3306
+DB_USER=root
+DB_PASSWORD=
+DB_NAME=smartshop_db
+JWT_SECRET=smartshop_root_project_secret
+```
+
+## 3) Install dependencies
+
+```bash
+cd backend && npm install
+cd ../frontend && npm install
+```
+
+## 4) Create database tables
+
+From the `backend` folder:
+
+```bash
+npm run db:init
+```
+
+## 5) Run the app
+
+Start backend:
+
+```bash
+cd backend
+npm run dev
+```
+
+Start frontend in another terminal:
+
+```bash
+cd frontend
+npm run dev
+```
+
+Open the frontend URL shown by Vite (usually `http://localhost:5173`).
+
+
+

package/templates/smartshop-app/backend/.env

@@ -0,0 +1,7 @@
+PORT=5000
+DB_HOST=localhost
+DB_PORT=3306
+DB_USER=student
+DB_PASSWORD=
+DB_NAME=smartshop_db
+JWT_SECRET=smartshop_student_project_secret

package/templates/smartshop-app/backend/.env.example

@@ -0,0 +1,7 @@
+PORT=5000
+DB_HOST=localhost
+DB_PORT=3306
+DB_USER=student
+DB_PASSWORD=
+DB_NAME=smartshop_db
+JWT_SECRET=smartshop_student_project_secret

package/templates/smartshop-app/backend/database/schema.sql

@@ -0,0 +1,46 @@
+CREATE DATABASE IF NOT EXISTS smartshop_db;
+USE smartshop_db;
+
+CREATE TABLE IF NOT EXISTS users (
+  user_id INT AUTO_INCREMENT PRIMARY KEY,
+  username VARCHAR(50) NOT NULL UNIQUE,
+  email VARCHAR(120) NOT NULL UNIQUE,
+  password VARCHAR(100) NOT NULL,
+  role VARCHAR(30) NOT NULL DEFAULT 'admin'
+);
+
+CREATE TABLE IF NOT EXISTS customers (
+  customer_id INT AUTO_INCREMENT PRIMARY KEY,
+  full_name VARCHAR(100) NOT NULL,
+  phone_number VARCHAR(20) NOT NULL,
+  email VARCHAR(100) UNIQUE,
+  address VARCHAR(255) NOT NULL,
+  registration_date DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
+);
+
+CREATE TABLE IF NOT EXISTS products (
+  product_id INT AUTO_INCREMENT PRIMARY KEY,
+  product_name VARCHAR(100) NOT NULL,
+  category VARCHAR(80) NOT NULL,
+  quantity INT NOT NULL DEFAULT 0,
+  price DECIMAL(12, 2) NOT NULL,
+  created_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
+);
+
+CREATE TABLE IF NOT EXISTS sales (
+  sale_id INT AUTO_INCREMENT PRIMARY KEY,
+  customer_id INT NOT NULL,
+  product_id INT NOT NULL,
+  quantity INT NOT NULL,
+  unit_price DECIMAL(12, 2) NOT NULL,
+  total_price DECIMAL(12, 2) NOT NULL,
+  sale_date DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+  CONSTRAINT fk_sales_customer
+    FOREIGN KEY (customer_id) REFERENCES customers(customer_id) ON DELETE CASCADE,
+  CONSTRAINT fk_sales_product
+    FOREIGN KEY (product_id) REFERENCES products(product_id) ON DELETE CASCADE
+);
+
+INSERT INTO users (username, email, password, role)
+VALUES ('admin', 'admin@exam.local', '$2b$10$aULsUjp9bb9lf5CZZyY.7./KhwsocVO0duyPlqu0Qnte75xHBdG5C', 'admin')
+ON DUPLICATE KEY UPDATE username = username;