create-steve-rogers 1.0.0 → 1.0.2

package/apps/SIMS/frontend/src/pages/StockInPage.jsx

@@ -0,0 +1,100 @@
+import { useEffect, useState } from "react";
+import { getSpareParts } from "../api/sparePartsApi";
+import { getStockIn, createStockIn } from "../api/stockInApi";
+
+function StockInPage() {
+  const [parts, setParts] = useState([]);
+  const [rows, setRows] = useState([]);
+  const [form, setForm] = useState({ sparePartId: "", stockInQuantity: "", stockInDate: "" });
+  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 onSubmit = async (e) => {
+    e.preventDefault();
+    setMessage("");
+    const q = Number(form.stockInQuantity);
+    if (!form.sparePartId || !form.stockInDate) {
+      setMessage("Select part and date");
+      return;
+    }
+    try {
+      await createStockIn({
+        sparePartId: form.sparePartId,
+        stockInQuantity: q,
+        stockInDate: new Date(form.stockInDate).toISOString(),
+      });
+      setForm({ sparePartId: "", stockInQuantity: "", stockInDate: "" });
+      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="w-full rounded border px-3 py-2"
+            value={form.sparePartId}
+            onChange={(e) => setForm((f) => ({ ...f, sparePartId: e.target.value }))}
+            required
+          >
+            <option value="">Spare part</option>
+            {parts.map((p) => (
+              <option key={p._id} value={p._id}>
+                {p.name} — {p.category}
+              </option>
+            ))}
+          </select>
+          <input
+            type="number"
+            className="w-full rounded border px-3 py-2"
+            placeholder="Quantity in"
+            min="1"
+            value={form.stockInQuantity}
+            onChange={(e) => setForm((f) => ({ ...f, stockInQuantity: e.target.value }))}
+            required
+          />
+          <input
+            type="date"
+            className="w-full rounded border px-3 py-2"
+            value={form.stockInDate}
+            onChange={(e) => setForm((f) => ({ ...f, stockInDate: e.target.value }))}
+            required
+          />
+          <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/apps/SIMS/frontend/src/pages/StockOutPage.jsx

@@ -0,0 +1,206 @@
+import { useEffect, useState } from "react";
+import { getSpareParts } from "../api/sparePartsApi";
+import { getStockOut, createStockOut, updateStockOut, deleteStockOut } from "../api/stockOutApi";
+
+const empty = { sparePartId: "", stockOutQuantity: "", stockOutUnitPrice: "", stockOutDate: "" };
+
+function StockOutPage() {
+  const [parts, setParts] = useState([]);
+  const [rows, setRows] = useState([]);
+  const [form, setForm] = useState(empty);
+  const [editing, setEditing] = useState(null);
+  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 onSubmit = async (e) => {
+    e.preventDefault();
+    setMessage("");
+    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);
+        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);
+        setMessage("Updated");
+        load();
+      } catch (err) {
+        setMessage(err.response?.data?.message || "Update failed");
+      }
+    }
+  };
+
+  const startEdit = (r) => {
+    setEditing(r._id);
+    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);
+      }
+      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">
+          <select
+            className="rounded border px-2 py-2"
+            value={form.sparePartId}
+            disabled={Boolean(editing)}
+            onChange={(e) => setForm((f) => ({ ...f, sparePartId: e.target.value }))}
+            required={!editing}
+          >
+            <option value="">Spare part</option>
+            {parts.map((p) => (
+              <option key={p._id} value={p._id}>
+                {p.name}
+              </option>
+            ))}
+          </select>
+          <input
+            type="number"
+            className="rounded border px-2 py-2"
+            min="1"
+            placeholder="Quantity"
+            value={form.stockOutQuantity}
+            onChange={(e) => setForm((f) => ({ ...f, stockOutQuantity: e.target.value }))}
+            required
+          />
+          <input
+            type="number"
+            className="rounded border px-2 py-2"
+            min="0"
+            step="0.01"
+            placeholder="Unit price"
+            value={form.stockOutUnitPrice}
+            onChange={(e) => setForm((f) => ({ ...f, stockOutUnitPrice: e.target.value }))}
+            required
+          />
+          <input
+            type="date"
+            className="rounded border px-2 py-2"
+            value={form.stockOutDate}
+            onChange={(e) => setForm((f) => ({ ...f, stockOutDate: e.target.value }))}
+            required
+          />
+          <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);
+                }}
+              >
+                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/apps/SIMS/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/apps/SIMS/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/apps/config.js

@@ -5,4 +5,17 @@ export const apps = [
     description: "Hospital management system by Steve Rogers",
     folder: "HMSR",
   },
+  {
+    title: "SIMS - Stock Inventory Management",
+    value: "sims",
+    description: "Stock inventory management by Steve Rogers",
+    folder: "SIMS",
+  },
+  {
+    title: "SFMS - Student Fee Management System",
+    value: "sfms",
+    description: "Student Fee Management System by steve rogers",
+    folder: "SFMS"
+
+  }
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-steve-rogers",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Steve Rogers personal app installer",
   "bin": {
     "create-steve-rogers": "index.js"