create-myexam-app 1.0.22 → 1.0.23

package/package.json

@@ -2,7 +2,7 @@
   
   "name": "create-myexam-app",
   
-  "version": "1.0.22",
+  "version": "1.0.23",
   
   "description": "My exam projects",
   

package/projects/SMS-/frontend-project/src/pages/Reports.jsx

@@ -1,7 +1,8 @@
  import { useState, useEffect } from "react";
 import axios from '../axiosInstance';
 
-function Reports () {
+function Reports() {
+
     const [products, setProducts] = useState([]);
     const [warehouses, setWarehouses] = useState([]);
     const [stockTransaction, setStockTransaction] = useState([]);
@@ -17,7 +18,7 @@ function Reports () {
 
             const txRes = await axios.get('http://localhost:5000/api/stockTransaction');
             setStockTransaction(txRes.data);
-        } catch(error) {
+        } catch (error) {
             setError("Failed to generate report summaries.");
         }
     };
@@ -26,38 +27,150 @@ function Reports () {
         fetchAllReports();
     }, []);
 
+    const today = new Date();
+
+    const dailyTransactions = stockTransaction.filter((tx) => {
+        if (!tx.transactionDate) return false;
+        const txDate = new Date(tx.transactionDate);
+        return txDate.toDateString() === today.toDateString();
+    });
+
+    const weeklyTransactions = stockTransaction.filter((tx) => {
+        if (!tx.transactionDate) return false;
+
+        const txDate = new Date(tx.transactionDate);
+
+        const startOfWeek = new Date(today);
+        startOfWeek.setHours(0, 0, 0, 0);
+        startOfWeek.setDate(today.getDate() - today.getDay());
+
+        const endOfWeek = new Date(startOfWeek);
+        endOfWeek.setDate(startOfWeek.getDate() + 6);
+        endOfWeek.setHours(23, 59, 59, 999);
+
+        return txDate >= startOfWeek && txDate <= endOfWeek;
+    });
+
+    const monthlyTransactions = stockTransaction.filter((tx) => {
+        if (!tx.transactionDate) return false;
+
+        const txDate = new Date(tx.transactionDate);
+
+        return (
+            txDate.getMonth() === today.getMonth() &&
+            txDate.getFullYear() === today.getFullYear()
+        );
+    });
+
+    const dailyQuantity = dailyTransactions.reduce(
+        (sum, tx) => sum + Number(tx.quantityMoved || 0),
+        0
+    );
+
+    const weeklyQuantity = weeklyTransactions.reduce(
+        (sum, tx) => sum + Number(tx.quantityMoved || 0),
+        0
+    );
+
+    const monthlyQuantity = monthlyTransactions.reduce(
+        (sum, tx) => sum + Number(tx.quantityMoved || 0),
+        0
+    );
+
     return (
         <div className="p-6 bg-slate-50 min-h-screen flex flex-col gap-8">
+
             <div>
                 <h2 className="text-2xl font-bold text-slate-800">System Summary Reports</h2>
                 <p className="text-sm text-slate-500">Live summary data across your inventory portal.</p>
             </div>
 
             {error && (
-                <p className="text-red-500 bg-red-100 p-2 rounded text-sm font-semibold text-center">{error}</p>
+                <p className="text-red-500 bg-red-100 p-2 rounded text-sm font-semibold text-center">
+                    {error}
+                </p>
             )}
 
-            {/* Quick Stats Grid Cards */}
             <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+
+                <div className="bg-white p-4 rounded shadow-sm border border-slate-200">
+                    <span className="text-xs font-bold text-slate-400 uppercase">
+                        Total Items
+                    </span>
+                    <h4 className="text-2xl font-extrabold text-blue-600">
+                        {products.length} Products
+                    </h4>
+                </div>
+
+                <div className="bg-white p-4 rounded shadow-sm border border-slate-200">
+                    <span className="text-xs font-bold text-slate-400 uppercase">
+                        Active Spots
+                    </span>
+                    <h4 className="text-2xl font-extrabold text-green-600">
+                        {warehouses.length} Warehouses
+                    </h4>
+                </div>
+
+                <div className="bg-white p-4 rounded shadow-sm border border-slate-200">
+                    <span className="text-xs font-bold text-slate-400 uppercase">
+                        Logged Activity
+                    </span>
+                    <h4 className="text-2xl font-extrabold text-purple-600">
+                        {stockTransaction.length} Logs
+                    </h4>
+                </div>
+
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+
                 <div className="bg-white p-4 rounded shadow-sm border border-slate-200">
-                    <span className="text-xs font-bold text-slate-400 uppercase">Total Items</span>
-                    <h4 className="text-2xl font-extrabold text-blue-600">{products.length} Products</h4>
+                    <span className="text-xs font-bold text-slate-400 uppercase">
+                        Daily Report
+                    </span>
+                    <h4 className="text-2xl font-extrabold text-blue-600">
+                        {dailyTransactions.length} Transactions
+                    </h4>
+                    <p className="text-sm text-slate-500">
+                        {dailyQuantity} Units Moved Today
+                    </p>
                 </div>
+
                 <div className="bg-white p-4 rounded shadow-sm border border-slate-200">
-                    <span className="text-xs font-bold text-slate-400 uppercase">Active Spots</span>
-                    <h4 className="text-2xl font-extrabold text-green-600">{warehouses.length} Warehouses</h4>
+                    <span className="text-xs font-bold text-slate-400 uppercase">
+                        Weekly Report
+                    </span>
+                    <h4 className="text-2xl font-extrabold text-green-600">
+                        {weeklyTransactions.length} Transactions
+                    </h4>
+                    <p className="text-sm text-slate-500">
+                        {weeklyQuantity} Units Moved This Week
+                    </p>
                 </div>
+
                 <div className="bg-white p-4 rounded shadow-sm border border-slate-200">
-                    <span className="text-xs font-bold text-slate-400 uppercase">Logged Activity</span>
-                    <h4 className="text-2xl font-extrabold text-purple-600">{stockTransaction.length} Logs</h4>
+                    <span className="text-xs font-bold text-slate-400 uppercase">
+                        Monthly Report
+                    </span>
+                    <h4 className="text-2xl font-extrabold text-purple-600">
+                        {monthlyTransactions.length} Transactions
+                    </h4>
+                    <p className="text-sm text-slate-500">
+                        {monthlyQuantity} Units Moved This Month
+                    </p>
                 </div>
+
             </div>
 
-            {/* Products Table */}
             <div className="bg-white rounded shadow-sm border border-slate-200 flex flex-col gap-2 p-4">
-                <h3 className="text-lg font-bold text-slate-700">Available Products Summary</h3>
+
+                <h3 className="text-lg font-bold text-slate-700">
+                    Available Products Summary
+                </h3>
+
                 <div className="overflow-x-auto">
                     <table className="w-full text-left border-collapse">
+
                         <thead>
                             <tr className="bg-slate-100 border-b border-slate-200 text-slate-700 text-sm font-bold">
                                 <th className="p-3">Product Code</th>
@@ -69,28 +182,43 @@ function Reports () {
                                 <th className="p-3">Date</th>
                             </tr>
                         </thead>
+
                         <tbody className="text-slate-600 text-sm divide-y divide-slate-100">
                             {Array.isArray(products) && products.map((prod) => (
                                 <tr key={prod._id} className="hover:bg-slate-50">
-                                    <td className="p-3 font-semibold text-slate-700">{prod.productCode}</td>
+                                    <td className="p-3 font-semibold text-slate-700">
+                                        {prod.productCode}
+                                    </td>
                                     <td className="p-3">{prod.productName}</td>
                                     <td className="p-3">{prod.category}</td>
                                     <td className="p-3">{prod.quantityInStock}</td>
                                     <td className="p-3">${prod.unitPrice}</td>
                                     <td className="p-3">{prod.supplierName}</td>
-                                    <td className="p-3">{prod.date ? prod.date.substring(0, 10) : (prod.dateReceived ? prod.dateReceived.substring(0, 10) : "")}</td>
+                                    <td className="p-3">
+                                        {prod.date
+                                            ? prod.date.substring(0, 10)
+                                            : (prod.dateReceived
+                                                ? prod.dateReceived.substring(0, 10)
+                                                : "")}
+                                    </td>
                                 </tr>
                             ))}
                         </tbody>
+
                     </table>
                 </div>
+
             </div>
 
-            {/* Warehouse Table */}
             <div className="bg-white rounded shadow-sm border border-slate-200 flex flex-col gap-2 p-4">
-                <h3 className="text-lg font-bold text-slate-700">Warehouse Setup Summary</h3>
+
+                <h3 className="text-lg font-bold text-slate-700">
+                    Warehouse Setup Summary
+                </h3>
+
                 <div className="overflow-x-auto">
                     <table className="w-full text-left border-collapse">
+
                         <thead>
                             <tr className="bg-slate-100 border-b border-slate-200 text-slate-700 text-sm font-bold">
                                 <th className="p-3">Warehouse Code</th>
@@ -98,24 +226,33 @@ function Reports () {
                                 <th className="p-3">Warehouse Location</th>
                             </tr>
                         </thead>
+
                         <tbody className="text-slate-600 text-sm divide-y divide-slate-100">
                             {Array.isArray(warehouses) && warehouses.map((wh) => (
                                 <tr key={wh._id} className="hover:bg-slate-50">
-                                    <td className="p-3 font-semibold text-slate-700">{wh.warehouseCode}</td>
+                                    <td className="p-3 font-semibold text-slate-700">
+                                        {wh.warehouseCode}
+                                    </td>
                                     <td className="p-3">{wh.warehouseName}</td>
                                     <td className="p-3">{wh.warehouseLocation}</td>
                                 </tr>
                             ))}
                         </tbody>
+
                     </table>
                 </div>
+
             </div>
 
-            {/* Transactions Table */}
             <div className="bg-white rounded shadow-sm border border-slate-200 flex flex-col gap-2 p-4">
-                <h3 className="text-lg font-bold text-slate-700">Stock Activity Logs</h3>
+
+                <h3 className="text-lg font-bold text-slate-700">
+                    Stock Activity Logs
+                </h3>
+
                 <div className="overflow-x-auto">
                     <table className="w-full text-left border-collapse">
+
                         <thead>
                             <tr className="bg-slate-100 border-b border-slate-200 text-slate-700 text-sm font-bold">
                                 <th className="p-3">Transaction Date</th>
@@ -123,24 +260,43 @@ function Reports () {
                                 <th className="p-3">Transaction Type</th>
                             </tr>
                         </thead>
+
                         <tbody className="text-slate-600 text-sm divide-y divide-slate-100">
                             {Array.isArray(stockTransaction) && stockTransaction.map((tx) => (
                                 <tr key={tx._id} className="hover:bg-slate-50">
-                                    <td className="p-3">{tx.transactionDate ? tx.transactionDate.substring(0, 10) : ""}</td>
-                                    <td className="p-3 font-semibold">{tx.quantityMoved}</td>
                                     <td className="p-3">
-                                        <span className={`px-2 py-0.5 rounded text-xs font-bold ${tx.transactionType?.toLowerCase().includes('in') ? 'bg-green-100 text-green-700' : 'bg-amber-100 text-amber-700'}`}>
+                                        {tx.transactionDate
+                                            ? tx.transactionDate.substring(0, 10)
+                                            : ""}
+                                    </td>
+
+                                    <td className="p-3 font-semibold">
+                                        {tx.quantityMoved}
+                                    </td>
+
+                                    <td className="p-3">
+                                        <span
+                                            className={`px-2 py-0.5 rounded text-xs font-bold ${
+                                                tx.transactionType?.toLowerCase().includes('in')
+                                                    ? 'bg-green-100 text-green-700'
+                                                    : 'bg-amber-100 text-amber-700'
+                                            }`}
+                                        >
                                             {tx.transactionType}
                                         </span>
                                     </td>
+
                                 </tr>
                             ))}
                         </tbody>
+
                     </table>
                 </div>
+
             </div>
 
         </div>
     );
 }
-export default Reports;
+
+export default Reports;

package/projects/SCMS/backend/.env

@@ -1,5 +0,0 @@
-PORT=5000
-
-MONGO_URI=mongodb://localhost:27017/SCMS
-
-JWT_SECRET=your_secret_key_here

package/projects/SCMS/backend/config/db.js

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

package/projects/SCMS/backend/controllers/authController.js

@@ -1,90 +0,0 @@
-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' });
-}
-
-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.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,
-      email: email.toLowerCase(),//to ensure the email is always lowercase
-      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.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/projects/SCMS/backend/controllers/deliveryController.js

@@ -1,79 +0,0 @@
-const Delivery = require('../models/delivery');
-const Shipment = require('../models/shipment');
-
-exports.addDelivery = async (req, res) => {
-  try {
-    const { deliveryCode, deliveryDate, quantityDelivered, deliveryStatus, shipmentId } = req.body;
-
-    if (shipmentId) {
-      const shipment = await Shipment.findById(shipmentId);
-      if (!shipment) return res.status(404).json({ msg: 'Shipment not found' });
-    }
-
-    const newDelivery = await Delivery.create({
-      deliveryCode,
-      deliveryDate,
-      quantityDelivered,
-      deliveryStatus,
-      shipment: shipmentId || null,
-    });
-
-    res.status(201).json(newDelivery);
-  } catch (error) {
-    res.status(500).json({ msg: 'Failed to add delivery', error: error.message });
-  }
-};
-
-exports.getDeliveries = async (req, res) => {
-  try {
-    const deliveries = await Delivery.find().populate({ path: 'shipment', populate: 'supplier' });
-    res.status(200).json(deliveries);
-  } catch (error) {
-    res.status(500).json({ msg: 'Failed to fetch deliveries', error: error.message });
-  }
-};
-
-exports.getDeliveryById = async (req, res) => {
-  try {
-    const delivery = await Delivery.findById(req.params.id).populate({ path: 'shipment', populate: 'supplier' });
-    if (!delivery) return res.status(404).json({ msg: 'Delivery not found' });
-    res.status(200).json(delivery);
-  } catch (error) {
-    res.status(500).json({ msg: 'Failed to fetch delivery', error: error.message });
-  }
-};
-
-exports.updateDelivery = async (req, res) => {
-  try {
-    const { shipmentId } = req.body;
-
-    if (shipmentId) {
-      const shipment = await Shipment.findById(shipmentId);
-      if (!shipment) return res.status(404).json({ msg: 'Shipment not found' });
-    }
-
-    const updatedDelivery = await Delivery.findByIdAndUpdate(
-      req.params.id,
-      {
-        ...req.body,
-        shipment: shipmentId || null,
-      },
-      { new: true }
-    );
-
-    if (!updatedDelivery) return res.status(404).json({ msg: 'Delivery not found' });
-    res.status(200).json(updatedDelivery);
-  } catch (error) {
-    res.status(500).json({ msg: 'Failed to update delivery', error: error.message });
-  }
-};
-
-exports.deleteDelivery = async (req, res) => {
-  try {
-    const deletedDelivery = await Delivery.findByIdAndDelete(req.params.id);
-    if (!deletedDelivery) return res.status(404).json({ msg: 'Delivery not found' });
-    res.status(200).json({ msg: 'Delivery deleted successfully' });
-  } catch (error) {
-    res.status(500).json({ msg: 'Failed to delete delivery', error: error.message });
-  }
-};

package/projects/SCMS/backend/controllers/productController.js

@@ -1,74 +0,0 @@
-const Product = require('../models/Product');
-
-
-exports.getproduct = async (req, res) => {
-  try {
-    const products = await Product.find().populate('Supplier');
-    if (!products) {
-      return res.status(404).json({ message: 'Products not found' });
-    }
-    res.json(products);
-  } catch (err) {
-    res.status(500).json({ message: err.message });
-  }
-}
-
-exports.getproductbyid = async (req, res) => {
-  try {
-    const productById = await Product.findById(req.params.id).populate('Supplier');
-    if (!productById) {
-      return res.status(404).json({ message: 'Product not found' });
-    }
-    res.json(productById);
-  } catch (err) {
-    res.status(500).json({ message: err.message });
-  }
-};
-
-exports.addproduct = async (req, res) => {
-  try {
-    const { productCode, productName, category, unitPrice, quantity, expiryDate } = req.body
-    const newproduct = await Product.create({
-      productCode,
-      productName,
-      category,
-      unitPrice,
-      quantity,
-      expiryDate,
-      Supplier: req.user._id
-    });
-
-    res.status(201).json(newproduct);
-  } catch (err) {
-    res.status(500).json({ message: err.message });
-  }
-}
-
-exports.updateproduct = async (req, res) => {
-  try {
-    const updateproducts = await Product.findByIdAndUpdate(
-      req.params.id,
-      req.body,
-      { new: true }
-    );
-    if (!updateproducts) return res.status(404).json({ msg: " product not found" })
-
-    res.json({ msg: "Products updated Syccessfully", data: updateproducts });
-  } catch (err) {
-    res.status(500).json({ message: err.message });
-  }
-}
-
-exports.deleteproduct = async (req, res) => {
-  try {
-    const deleteproduct = await Product.findByIdAndDelete(
-      req.params.id
-    );
-    if (!deleteproduct) {
-      return res.status(404).json({ message: 'product not found' });
-    }
-    res.json({ message: 'Product deleted successfully' });
-  } catch (err) {
-    res.status(500).json({ message: err.message });
-  }
-}

package/projects/SCMS/backend/controllers/reportsController.js

@@ -1,77 +0,0 @@
-const Supplier = require('../models/Supplier');
-const Shipment = require('../models/shipment');
-const Delivery = require('../models/delivery');
-
-function getStartDate(days) {
-  const date = new Date();
-  date.setHours(0, 0, 0, 0);
-  date.setDate(date.getDate() - days);
-  return date;
-}
-
-exports.getReportSummary = async (req, res) => {
-  try {
-    const now = new Date();
-    const dailyStart = getStartDate(1);
-    const weeklyStart = getStartDate(7);
-    const monthlyStart = getStartDate(30);
-
-    const [
-      totalSuppliers,
-      dailySuppliers,
-      weeklySuppliers,
-      monthlySuppliers,
-      totalShipments,
-      dailyShipments,
-      weeklyShipments,
-      monthlyShipments,
-      totalDeliveries,
-      dailyDeliveries,
-      weeklyDeliveries,
-      monthlyDeliveries,
-      recentShipments,
-      recentDeliveries,
-    ] = await Promise.all([
-      Supplier.countDocuments(),
-      Supplier.countDocuments({ createdAt: { $gte: dailyStart } }),
-      Supplier.countDocuments({ createdAt: { $gte: weeklyStart } }),
-      Supplier.countDocuments({ createdAt: { $gte: monthlyStart } }),
-      Shipment.countDocuments(),
-      Shipment.countDocuments({ createdAt: { $gte: dailyStart } }),
-      Shipment.countDocuments({ createdAt: { $gte: weeklyStart } }),
-      Shipment.countDocuments({ createdAt: { $gte: monthlyStart } }),
-      Delivery.countDocuments(),
-      Delivery.countDocuments({ createdAt: { $gte: dailyStart } }),
-      Delivery.countDocuments({ createdAt: { $gte: weeklyStart } }),
-      Delivery.countDocuments({ createdAt: { $gte: monthlyStart } }),
-      Shipment.find().sort({ createdAt: -1 }).limit(5).populate('supplier'),
-      Delivery.find().sort({ createdAt: -1 }).limit(5).populate({ path: 'shipment', populate: 'supplier' }),
-    ]);
-
-    res.status(200).json({
-      suppliers: {
-        total: totalSuppliers,
-        daily: dailySuppliers,
-        weekly: weeklySuppliers,
-        monthly: monthlySuppliers,
-      },
-      shipments: {
-        total: totalShipments,
-        daily: dailyShipments,
-        weekly: weeklyShipments,
-        monthly: monthlyShipments,
-      },
-      deliveries: {
-        total: totalDeliveries,
-        daily: dailyDeliveries,
-        weekly: weeklyDeliveries,
-        monthly: monthlyDeliveries,
-      },
-      recentShipments,
-      recentDeliveries,
-      generatedAt: now,
-    });
-  } catch (error) {
-    res.status(500).json({ msg: 'Failed to generate report', error: error.message });
-  }
-};