create-myexam-app 1.0.21 → 1.0.22

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

package/projects/SRMS(Ely)/KALIWABO_SHEMA_ELYSEE_National_Practical_Examination_2026(/backend-project/middleware/authMiddleware.js

@@ -0,0 +1,19 @@
+var jwt = require('jsonwebtoken');
+
+var protect = function(req, res, next) {
+  var header = req.headers.authorization || '';
+  var token = header.startsWith('Bearer ') ? header.split(' ')[1] : '';
+
+  if (!token) {
+    return res.status(401).json({ message: 'Please login first' });
+  }
+
+  try {
+    req.user = jwt.verify(token, process.env.JWT_SECRET);
+    next();
+  } catch (error) {
+    res.status(401).json({ message: 'Invalid or expired login' });
+  }
+};
+
+module.exports = protect;

package/projects/SRMS(Ely)/KALIWABO_SHEMA_ELYSEE_National_Practical_Examination_2026(/backend-project/models/Customer.js

@@ -0,0 +1,11 @@
+var mongoose = require('mongoose');
+
+var customerSchema = new mongoose.Schema({
+  customerNumber: { type: String, required: true, unique: true, trim: true },
+  firstName: { type: String, required: true, trim: true },
+  lastName: { type: String, required: true, trim: true },
+  telephone: { type: String, required: true, trim: true },
+  address: { type: String, required: true, trim: true },
+}, { timestamps: true });
+
+module.exports = mongoose.model('Customer', customerSchema);

package/projects/SRMS(Ely)/KALIWABO_SHEMA_ELYSEE_National_Practical_Examination_2026(/backend-project/models/Product.js

@@ -0,0 +1,10 @@
+var mongoose = require('mongoose');
+
+var productSchema = new mongoose.Schema({
+  productCode: { type: String, required: true, unique: true, trim: true },
+  productName: { type: String, required: true, trim: true },
+  quantitySold: { type: Number, required: true, min: 0 },
+  unitPrice: { type: Number, required: true, min: 0 },
+}, { timestamps: true });
+
+module.exports = mongoose.model('Product', productSchema);

package/projects/SRMS(Ely)/KALIWABO_SHEMA_ELYSEE_National_Practical_Examination_2026(/backend-project/models/Sale.js

@@ -0,0 +1,19 @@
+var mongoose = require('mongoose');
+
+var saleProductSchema = new mongoose.Schema({
+  productCode: { type: String, required: true },
+  productName: { type: String, required: true },
+  quantity: { type: Number, required: true, min: 1 },
+  unitPrice: { type: Number, required: true, min: 0 },
+});
+
+var saleSchema = new mongoose.Schema({
+  invoiceNumber: { type: String, required: true, unique: true, trim: true },
+  salesDate: { type: Date, required: true },
+  paymentMethod: { type: String, required: true, trim: true },
+  totalAmountPaid: { type: Number, required: true, min: 0 },
+  customer: { type: mongoose.Schema.Types.ObjectId, ref: 'Customer', required: true },
+  products: [saleProductSchema],
+}, { timestamps: true });
+
+module.exports = mongoose.model('Sale', saleSchema);

package/projects/SRMS(Ely)/KALIWABO_SHEMA_ELYSEE_National_Practical_Examination_2026(/backend-project/models/User.js

@@ -0,0 +1,8 @@
+var mongoose = require('mongoose');
+
+var userSchema = new mongoose.Schema({
+  username: { type: String, required: true, unique: true, trim: true },
+  password: { type: String, required: true },
+}, { timestamps: true });
+
+module.exports = mongoose.model('User', userSchema);