create-myexam-app 1.0.21 → 1.0.23

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/SRMS/frontend/src/pages/Reports.jsx

@@ -1,47 +1,135 @@
- import { useState,useEffect } from "react";
-import  axios from '../axiosInstance'
+  
+  
+  import { useState, useEffect } from "react";
+import axios from "../axiosInstance";
 
-function Reports () {
-    const [customer, setCustomer] = useState([])
-    const [product , setProduct] = useState([])
-    const [sale, setSale] = useState([])
-    const [error, setError]= useState('')
+function Reports() {
+    const [customer, setCustomer] = useState([]);
+    const [product, setProduct] = useState([]);
+    const [sale, setSale] = useState([]);
+    const [error, setError] = useState("");
 
-    const fetchReports = async ()=> {
-        try{
-const cusRes = await axios.get('http://localhost:5000/api/customer')
-setCustomer(cusRes.data)
+    const fetchReports = async () => {
+        try {
+            const cusRes = await axios.get("http://localhost:5000/api/customer");
+            setCustomer(cusRes.data);
 
-const prRes = await axios.get('http://localhost:5000/api/product')
-setProduct(prRes.data)
+            const prRes = await axios.get("http://localhost:5000/api/product");
+            setProduct(prRes.data);
 
-const slRes = await axios.get('http://localhost:5000/api/sale')
-setSale(slRes.data)
-
-
-        }catch(error){
-setError("failed to get reports")
+            const slRes = await axios.get("http://localhost:5000/api/sale");
+            setSale(slRes.data);
+        } catch (error) {
+            setError("failed to get reports");
         }
-    }
+    };
+
     useEffect(() => {
-        fetchReports()
-    },[])
-    return(
+        fetchReports();
+    }, []);
+
+    const today = new Date();
+
+    const dailySales = sale.filter((sl) => {
+        if (!sl.salesDate) return false;
+        const d = new Date(sl.salesDate);
+        return d.toDateString() === today.toDateString();
+    });
+
+    const weeklySales = sale.filter((sl) => {
+        if (!sl.salesDate) return false;
+
+        const d = new Date(sl.salesDate);
+
+        const startOfWeek = new Date(today);
+        startOfWeek.setDate(today.getDate() - today.getDay());
+
+        const endOfWeek = new Date(startOfWeek);
+        endOfWeek.setDate(startOfWeek.getDate() + 6);
+
+        return d >= startOfWeek && d <= endOfWeek;
+    });
+
+    const monthlySales = sale.filter((sl) => {
+        if (!sl.salesDate) return false;
+
+        const d = new Date(sl.salesDate);
+
+        return (
+            d.getMonth() === today.getMonth() &&
+            d.getFullYear() === today.getFullYear()
+        );
+    });
+
+    const dailyTotal = dailySales.reduce(
+        (sum, s) => sum + Number(s.totalAmountPaid || 0),
+        0
+    );
+
+    const weeklyTotal = weeklySales.reduce(
+        (sum, s) => sum + Number(s.totalAmountPaid || 0),
+        0
+    );
+
+    const monthlyTotal = monthlySales.reduce(
+        (sum, s) => sum + Number(s.totalAmountPaid || 0),
+        0
+    );
+
+    return (
         <div className="p-6 bg-slate-50 min-h-screen flex flex-col gap-6">
             
-            {/* Header Section */}
             <div className="bg-white p-6 rounded shadow-sm border border-slate-200">
                 <h2 className="text-xl font-bold text-slate-700">Sales Management Reports</h2>
+
                 {error && (
-                    <p className="text-red-500 bg-red-100 p-2 rounded text-sm font-semibold mt-4 text-center">{error}</p>
+                    <p className="text-red-500 bg-red-100 p-2 rounded text-sm font-semibold mt-4 text-center">
+                        {error}
+                    </p>
                 )}
             </div>
 
-            {/* Customers Report Table */}
+            <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">
+                    <h3 className="text-sm text-slate-500">Daily Sales</h3>
+                    <p className="text-2xl font-bold text-blue-600">
+                        {dailySales.length}
+                    </p>
+                    <p className="text-sm text-slate-600">
+                        ${dailyTotal}
+                    </p>
+                </div>
+
+                <div className="bg-white p-4 rounded shadow-sm border border-slate-200">
+                    <h3 className="text-sm text-slate-500">Weekly Sales</h3>
+                    <p className="text-2xl font-bold text-green-600">
+                        {weeklySales.length}
+                    </p>
+                    <p className="text-sm text-slate-600">
+                        ${weeklyTotal}
+                    </p>
+                </div>
+
+                <div className="bg-white p-4 rounded shadow-sm border border-slate-200">
+                    <h3 className="text-sm text-slate-500">Monthly Sales</h3>
+                    <p className="text-2xl font-bold text-purple-600">
+                        {monthlySales.length}
+                    </p>
+                    <p className="text-sm text-slate-600">
+                        ${monthlyTotal}
+                    </p>
+                </div>
+
+            </div>
+
             <div className="bg-white rounded shadow-sm border border-slate-200 overflow-x-auto">
                 <div className="p-4 bg-slate-100 border-b border-slate-200">
-                    <h3 className="text-md font-bold text-slate-700">Total Customers ({customer.length})</h3>
+                    <h3 className="text-md font-bold text-slate-700">
+                        Total Customers ({customer.length})
+                    </h3>
                 </div>
+
                 <table className="w-full text-left border-collapse">
                     <thead>
                         <tr className="bg-slate-50 border-b border-slate-200 text-slate-700 text-sm font-bold">
@@ -53,24 +141,29 @@ setError("failed to get reports")
                         </tr>
                     </thead>
                     <tbody className="text-slate-600 text-sm divide-y divide-slate-100">
-                        {Array.isArray (customer) && customer.map((cus) => (
-                            <tr key={cus._id} className="hover:bg-slate-50">
-                                <td className="p-3 font-semibold">{cus.customerNumber}</td>
-                                <td className="p-3">{cus.firstName}</td>
-                                <td className="p-3">{cus.lastName}</td>
-                                <td className="p-3">{cus.telephone}</td>
-                                <td className="p-3">{cus.addres}</td>
-                            </tr>
-                        ))}
+                        {Array.isArray(customer) &&
+                            customer.map((cus) => (
+                                <tr key={cus._id} className="hover:bg-slate-50">
+                                    <td className="p-3 font-semibold">
+                                        {cus.customerNumber}
+                                    </td>
+                                    <td className="p-3">{cus.firstName}</td>
+                                    <td className="p-3">{cus.lastName}</td>
+                                    <td className="p-3">{cus.telephone}</td>
+                                    <td className="p-3">{cus.addres}</td>
+                                </tr>
+                            ))}
                     </tbody>
                 </table>
             </div>
 
-            {/* Products Report Table */}
             <div className="bg-white rounded shadow-sm border border-slate-200 overflow-x-auto">
                 <div className="p-4 bg-slate-100 border-b border-slate-200">
-                    <h3 className="text-md font-bold text-slate-700">Total Products({product.length})</h3>
+                    <h3 className="text-md font-bold text-slate-700">
+                        Total Products ({product.length})
+                    </h3>
                 </div>
+
                 <table className="w-full text-left border-collapse">
                     <thead>
                         <tr className="bg-slate-50 border-b border-slate-200 text-slate-700 text-sm font-bold">
@@ -80,24 +173,30 @@ setError("failed to get reports")
                             <th className="p-3">unitPrice</th>
                         </tr>
                     </thead>
+
                     <tbody className="text-slate-600 text-sm divide-y divide-slate-100">
-                        {Array.isArray(product) && product.map((pr) => (
-                            <tr key={pr._id} className="hover:bg-slate-50">
-                                <td className="p-3 font-semibold">{pr.productCode}</td>
-                                <td className="p-3">{pr.productName}</td>
-                                <td className="p-3">{pr.quantitySold}</td>
-                                <td className="p-3">${pr.unitPrice}</td>
-                            </tr>
-                        ))}
+                        {Array.isArray(product) &&
+                            product.map((pr) => (
+                                <tr key={pr._id} className="hover:bg-slate-50">
+                                    <td className="p-3 font-semibold">
+                                        {pr.productCode}
+                                    </td>
+                                    <td className="p-3">{pr.productName}</td>
+                                    <td className="p-3">{pr.quantitySold}</td>
+                                    <td className="p-3">${pr.unitPrice}</td>
+                                </tr>
+                            ))}
                     </tbody>
                 </table>
             </div>
 
-            {/* Sales Report Table */}
             <div className="bg-white rounded shadow-sm border border-slate-200 overflow-x-auto">
                 <div className="p-4 bg-slate-100 border-b border-slate-200">
-                    <h3 className="text-md font-bold text-slate-700">Total Sale ({sale.length})</h3>
+                    <h3 className="text-md font-bold text-slate-700">
+                        Total Sale ({sale.length})
+                    </h3>
                 </div>
+
                 <table className="w-full text-left border-collapse">
                     <thead>
                         <tr className="bg-slate-50 border-b border-slate-200 text-slate-700 text-sm font-bold">
@@ -107,20 +206,33 @@ setError("failed to get reports")
                             <th className="p-3">totalAmountPaid</th>
                         </tr>
                     </thead>
+
                     <tbody className="text-slate-600 text-sm divide-y divide-slate-100">
-                        {Array.isArray (sale) && sale.map((sl) => (
-                            <tr key={sl._id} className="hover:bg-slate-50">
-                                <td className="p-3 font-semibold">{sl.invoiceNumber}</td>
-                                <td className="p-3">{sl.salesDate ? sl.salesDate.substring(0,10):""}</td>
-                                <td className="p-3">{sl.paymentMethod}</td>
-                                <td className="p-3">${sl.totalAmountPaid}</td>
-                            </tr>
-                        ))}
+                        {Array.isArray(sale) &&
+                            sale.map((sl) => (
+                                <tr key={sl._id} className="hover:bg-slate-50">
+                                    <td className="p-3 font-semibold">
+                                        {sl.invoiceNumber}
+                                    </td>
+                                    <td className="p-3">
+                                        {sl.salesDate
+                                            ? sl.salesDate.substring(0, 10)
+                                            : ""}
+                                    </td>
+                                    <td className="p-3">
+                                        {sl.paymentMethod}
+                                    </td>
+                                    <td className="p-3">
+                                        ${sl.totalAmountPaid}
+                                    </td>
+                                </tr>
+                            ))}
                     </tbody>
                 </table>
             </div>
 
         </div>
-    )
+    );
 }
-export default Reports
+
+export default Reports;

package/projects/SRMS(Ely)/KALIWABO_SHEMA_ELYSEE_National_Practical_Examination_2026(/README.md

@@ -0,0 +1,49 @@
+# Sales Record Management System (SRMS)
+
+## Technologies Used
+- **Frontend:** React.js, React Router DOM, Axios, Tailwind CSS
+- **Backend:** Node.js, Express.js
+- **Database:** MongoDB with Mongoose
+- **Authentication:** Session-based with bcrypt
+
+## Installation Steps
+
+### 1. Clone or extract the project
+```bash
+cd KALIWABO_SHEMA_ELYSEE_National_Practical_Examination_2026
+```
+
+### 2. Backend Setup
+```bash
+cd backend-project
+npm install
+```
+Create a `.env` file in the backend-project folder:
+```
+PORT=5000
+MONGO_URI=mongodb://localhost:27017/SRMS
+SESSION_SECRET=your_secret_key_here
+```
+
+### 3. Frontend Setup
+```bash
+cd frontend-project
+npm install
+```
+
+### 4. Start Backend
+```bash
+cd backend-project
+npm start
+```
+Server runs on http://localhost:5000
+
+### 5. Start Frontend
+```bash
+cd frontend-project
+npm run dev
+```
+App runs on http://localhost:5173
+
+### 6. Default Credentials
+Register a new user account from the application login page.

package/projects/SRMS(Ely)/KALIWABO_SHEMA_ELYSEE_National_Practical_Examination_2026(/backend-project/.env

@@ -0,0 +1,3 @@
+PORT=5000
+MONGO_URI=mongodb://127.0.0.1:27017/SRMS
+JWT_SECRET=srms_jwt_secret_key_2026