npms-exam-kit 1.0.0

package/projects/CRPMS-main/frontend-project/src/pages/Reports.jsx

@@ -0,0 +1,199 @@
+import { useState, useEffect } from 'react';
+import api from '../api/axios';
+
+export default function Reports() {
+  const [tab, setTab] = useState('daily');
+  const [date, setDate] = useState(new Date().toISOString().split('T')[0]);
+  const [dailyData, setDailyData] = useState(null);
+  const [summaryData, setSummaryData] = useState(null);
+  const [loading, setLoading] = useState(false);
+
+  const fetchDaily = async () => {
+    setLoading(true);
+    try {
+      const r = await api.get(`/reports/daily?date=${date}`);
+      setDailyData(r.data);
+    } catch {}
+    setLoading(false);
+  };
+
+  const fetchSummary = async () => {
+    setLoading(true);
+    try {
+      const r = await api.get('/reports/summary');
+      setSummaryData(r.data);
+    } catch {}
+    setLoading(false);
+  };
+
+  useEffect(() => {
+    if (tab === 'daily') fetchDaily();
+    else fetchSummary();
+  }, [tab]);
+
+  const fmt = n => Number(n).toLocaleString() + ' Rwf';
+
+  return (
+    <div className="max-w-7xl mx-auto px-4 py-8">
+      <h2 className="text-2xl font-bold text-blue-800 mb-6">Reports</h2>
+
+      <div className="flex gap-2 mb-6">
+        <button
+          onClick={() => setTab('daily')}
+          className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${tab === 'daily' ? 'bg-blue-700 text-white' : 'bg-white border border-gray-300 text-gray-700 hover:bg-gray-50'}`}
+        >
+          Daily Report
+        </button>
+        <button
+          onClick={() => setTab('summary')}
+          className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${tab === 'summary' ? 'bg-blue-700 text-white' : 'bg-white border border-gray-300 text-gray-700 hover:bg-gray-50'}`}
+        >
+          Summary Report
+        </button>
+      </div>
+
+      {tab === 'daily' && (
+        <div>
+          <div className="bg-white rounded-xl shadow p-6 mb-6">
+            <div className="flex flex-wrap items-end gap-4">
+              <div>
+                <label className="block text-sm font-medium text-gray-700 mb-1">Select Date</label>
+                <input
+                  type="date"
+                  value={date}
+                  onChange={e => setDate(e.target.value)}
+                  className="border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm"
+                />
+              </div>
+              <button
+                onClick={fetchDaily}
+                className="bg-blue-700 hover:bg-blue-800 text-white font-semibold px-5 py-2 rounded-lg text-sm transition-colors"
+              >
+                Generate Report
+              </button>
+              <button
+                onClick={() => window.print()}
+                className="border border-gray-300 text-gray-700 hover:bg-gray-50 font-medium px-5 py-2 rounded-lg text-sm transition-colors no-print"
+              >
+                Print
+              </button>
+            </div>
+          </div>
+
+          {loading && <p className="text-gray-400 text-center py-8">Loading...</p>}
+
+          {dailyData && !loading && (
+            <div className="bg-white rounded-xl shadow overflow-hidden">
+              <div className="px-6 py-4 bg-blue-50 border-b flex justify-between items-center">
+                <div>
+                  <h3 className="font-bold text-blue-800">Daily Service Report</h3>
+                  <p className="text-sm text-gray-500">Date: {dailyData.date}</p>
+                </div>
+                <div className="text-right">
+                  <p className="text-sm text-gray-500">Total Collected</p>
+                  <p className="text-xl font-bold text-green-700">{fmt(dailyData.totalCollected)}</p>
+                </div>
+              </div>
+
+              {dailyData.records.length === 0 ? (
+                <p className="text-center py-12 text-gray-400">No services recorded on {dailyData.date}.</p>
+              ) : (
+                <div className="overflow-x-auto">
+                  <table className="w-full text-sm">
+                    <thead className="bg-gray-50">
+                      <tr>
+                        {['Rec#', 'Plate', 'Model', 'Service', 'Service Price', 'Amount Paid', 'Received By'].map(h => (
+                          <th key={h} className="text-left px-4 py-3 font-medium text-gray-600">{h}</th>
+                        ))}
+                      </tr>
+                    </thead>
+                    <tbody className="divide-y divide-gray-100">
+                      {dailyData.records.map((r, i) => (
+                        <tr key={i} className="hover:bg-gray-50">
+                          <td className="px-4 py-3">{r.RecordNumber}</td>
+                          <td className="px-4 py-3 font-mono text-blue-700">{r.PlateNumber}</td>
+                          <td className="px-4 py-3">{r.Model}</td>
+                          <td className="px-4 py-3">{r.ServiceName}</td>
+                          <td className="px-4 py-3">{fmt(r.ServicePrice)}</td>
+                          <td className="px-4 py-3 font-semibold text-green-700">{r.AmountPaid ? fmt(r.AmountPaid) : <span className="text-gray-400">Unpaid</span>}</td>
+                          <td className="px-4 py-3">{r.ReceivedBy || '-'}</td>
+                        </tr>
+                      ))}
+                    </tbody>
+                    <tfoot>
+                      <tr className="bg-blue-50 font-bold">
+                        <td colSpan={5} className="px-4 py-3 text-right text-gray-700">TOTAL COLLECTED:</td>
+                        <td className="px-4 py-3 text-green-700 text-base">{fmt(dailyData.totalCollected)}</td>
+                        <td></td>
+                      </tr>
+                    </tfoot>
+                  </table>
+                </div>
+              )}
+            </div>
+          )}
+        </div>
+      )}
+
+      {tab === 'summary' && (
+        <div>
+          <div className="flex justify-end mb-4 no-print">
+            <button onClick={() => window.print()} className="border border-gray-300 text-gray-700 hover:bg-gray-50 font-medium px-5 py-2 rounded-lg text-sm">
+              Print
+            </button>
+          </div>
+
+          {loading && <p className="text-gray-400 text-center py-8">Loading...</p>}
+
+          {summaryData && !loading && (
+            <div className="bg-white rounded-xl shadow overflow-hidden">
+              <div className="px-6 py-4 bg-blue-50 border-b flex justify-between items-center">
+                <h3 className="font-bold text-blue-800">Revenue Summary Report</h3>
+                <div className="text-right">
+                  <p className="text-sm text-gray-500">Total Revenue</p>
+                  <p className="text-xl font-bold text-green-700">{fmt(summaryData.totalRevenue)}</p>
+                </div>
+              </div>
+
+              {summaryData.records.length === 0 ? (
+                <p className="text-center py-12 text-gray-400">No payment records found.</p>
+              ) : (
+                <div className="overflow-x-auto">
+                  <table className="w-full text-sm">
+                    <thead className="bg-gray-50">
+                      <tr>
+                        {['Pay#', 'Pay Date', 'Plate', 'Service Date', 'Service', 'Amount Paid', 'Received By'].map(h => (
+                          <th key={h} className="text-left px-4 py-3 font-medium text-gray-600">{h}</th>
+                        ))}
+                      </tr>
+                    </thead>
+                    <tbody className="divide-y divide-gray-100">
+                      {summaryData.records.map(r => (
+                        <tr key={r.PaymentNumber} className="hover:bg-gray-50">
+                          <td className="px-4 py-3">{r.PaymentNumber}</td>
+                          <td className="px-4 py-3">{r.PaymentDate?.split('T')[0]}</td>
+                          <td className="px-4 py-3 font-mono text-blue-700">{r.PlateNumber}</td>
+                          <td className="px-4 py-3">{r.ServiceDate?.split('T')[0]}</td>
+                          <td className="px-4 py-3">{r.ServiceName}</td>
+                          <td className="px-4 py-3 font-semibold text-green-700">{fmt(r.AmountPaid)}</td>
+                          <td className="px-4 py-3">{r.ReceivedBy}</td>
+                        </tr>
+                      ))}
+                    </tbody>
+                    <tfoot>
+                      <tr className="bg-blue-50 font-bold">
+                        <td colSpan={5} className="px-4 py-3 text-right text-gray-700">TOTAL REVENUE:</td>
+                        <td className="px-4 py-3 text-green-700 text-base">{fmt(summaryData.totalRevenue)}</td>
+                        <td></td>
+                      </tr>
+                    </tfoot>
+                  </table>
+                </div>
+              )}
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}

package/projects/CRPMS-main/frontend-project/src/pages/ServiceRecords.jsx

@@ -0,0 +1,182 @@
+import { useState, useEffect } from 'react';
+import api from '../api/axios';
+
+const EMPTY = { ServiceDate: '', PlateNumber: '', ServiceCode: '' };
+
+export default function ServiceRecords() {
+  const [form, setForm] = useState(EMPTY);
+  const [records, setRecords] = useState([]);
+  const [cars, setCars] = useState([]);
+  const [services, setServices] = useState([]);
+  const [msg, setMsg] = useState({ text: '', type: '' });
+  const [loading, setLoading] = useState(false);
+  const [editId, setEditId] = useState(null);
+
+  const fetchAll = () => {
+    api.get('/service-records').then(r => setRecords(r.data)).catch(() => {});
+    api.get('/cars').then(r => setCars(r.data)).catch(() => {});
+    api.get('/services').then(r => setServices(r.data)).catch(() => {});
+  };
+
+  useEffect(() => { fetchAll(); }, []);
+
+  const flash = (text, type = 'success') => {
+    setMsg({ text, type });
+    setTimeout(() => setMsg({ text: '', type: '' }), 4000);
+  };
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    try {
+      if (editId) {
+        await api.put(`/service-records/${editId}`, form);
+        flash('Service record updated.');
+        setEditId(null);
+      } else {
+        await api.post('/service-records', form);
+        flash('Service record created.');
+      }
+      setForm(EMPTY);
+      fetchAll();
+    } catch (err) {
+      flash(err.response?.data?.error || 'Operation failed.', 'error');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleEdit = (rec) => {
+    setForm({ ServiceDate: rec.ServiceDate?.split('T')[0] || '', PlateNumber: rec.PlateNumber, ServiceCode: rec.ServiceCode });
+    setEditId(rec.RecordNumber);
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+  };
+
+  const handleDelete = async (id) => {
+    if (!window.confirm('Delete this service record?')) return;
+    try {
+      await api.delete(`/service-records/${id}`);
+      flash('Service record deleted.');
+      fetchAll();
+    } catch (err) {
+      flash(err.response?.data?.error || 'Delete failed.', 'error');
+    }
+  };
+
+  const cancelEdit = () => { setForm(EMPTY); setEditId(null); };
+
+  const fmt = n => Number(n).toLocaleString() + ' Rwf';
+
+  return (
+    <div className="max-w-7xl mx-auto px-4 py-8">
+      <h2 className="text-2xl font-bold text-blue-800 mb-6">
+        {editId ? `Edit Record #${editId}` : 'Create Service Record'}
+      </h2>
+
+      {msg.text && (
+        <div className={`mb-4 px-4 py-3 rounded-lg text-sm ${msg.type === 'error' ? 'bg-red-50 border border-red-300 text-red-700' : 'bg-green-50 border border-green-300 text-green-700'}`}>
+          {msg.text}
+        </div>
+      )}
+
+      <div className="bg-white rounded-xl shadow p-6 mb-8">
+        <form onSubmit={handleSubmit} className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-1">Service Date</label>
+            <input
+              type="date"
+              value={form.ServiceDate}
+              onChange={e => setForm({ ...form, ServiceDate: e.target.value })}
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm"
+              required
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-1">Car (Plate Number)</label>
+            <select
+              value={form.PlateNumber}
+              onChange={e => setForm({ ...form, PlateNumber: e.target.value })}
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm"
+              required
+            >
+              <option value="">-- Select Car --</option>
+              {cars.map(c => (
+                <option key={c.PlateNumber} value={c.PlateNumber}>
+                  {c.PlateNumber} - {c.Model}
+                </option>
+              ))}
+            </select>
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-1">Service</label>
+            <select
+              value={form.ServiceCode}
+              onChange={e => setForm({ ...form, ServiceCode: e.target.value })}
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm"
+              required
+            >
+              <option value="">-- Select Service --</option>
+              {services.map(s => (
+                <option key={s.ServiceCode} value={s.ServiceCode}>
+                  {s.ServiceName} ({Number(s.ServicePrice).toLocaleString()} Rwf)
+                </option>
+              ))}
+            </select>
+          </div>
+          <div className="md:col-span-3 flex justify-end gap-2">
+            {editId && (
+              <button type="button" onClick={cancelEdit} className="px-6 py-2 rounded-lg border border-gray-300 text-gray-600 hover:bg-gray-50">
+                Cancel
+              </button>
+            )}
+            <button
+              type="submit"
+              disabled={loading}
+              className="bg-blue-700 hover:bg-blue-800 disabled:bg-blue-400 text-white font-semibold px-6 py-2 rounded-lg transition-colors"
+            >
+              {loading ? 'Saving...' : editId ? 'Update Record' : 'Create Record'}
+            </button>
+          </div>
+        </form>
+      </div>
+
+      <div className="bg-white rounded-xl shadow overflow-hidden">
+        <div className="px-6 py-4 border-b border-gray-100">
+          <h3 className="font-semibold text-gray-800">Service Records ({records.length})</h3>
+        </div>
+        <div className="overflow-x-auto">
+          <table className="w-full text-sm">
+            <thead className="bg-gray-50">
+              <tr>
+                {['#', 'Date', 'Plate', 'Model', 'Service', 'Price', 'Mechanic', 'Actions'].map(h => (
+                  <th key={h} className="text-left px-4 py-3 font-medium text-gray-600">{h}</th>
+                ))}
+              </tr>
+            </thead>
+            <tbody className="divide-y divide-gray-100">
+              {records.length === 0 ? (
+                <tr><td colSpan={8} className="text-center py-8 text-gray-400">No records found.</td></tr>
+              ) : records.map(r => (
+                <tr key={r.RecordNumber} className="hover:bg-gray-50">
+                  <td className="px-4 py-3 font-medium">{r.RecordNumber}</td>
+                  <td className="px-4 py-3">{r.ServiceDate?.split('T')[0]}</td>
+                  <td className="px-4 py-3 font-mono text-blue-700">{r.PlateNumber}</td>
+                  <td className="px-4 py-3">{r.Model}</td>
+                  <td className="px-4 py-3">{r.ServiceName}</td>
+                  <td className="px-4 py-3 text-green-700 font-semibold">{fmt(r.ServicePrice)}</td>
+                  <td className="px-4 py-3">{r.MechanicName}</td>
+                  <td className="px-4 py-3">
+                    <div className="flex gap-2">
+                      <button onClick={() => handleEdit(r)} className="text-blue-600 hover:text-blue-800 text-xs font-medium">Edit</button>
+                      <button onClick={() => handleDelete(r.RecordNumber)} className="text-red-600 hover:text-red-800 text-xs font-medium">Delete</button>
+                    </div>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}

package/projects/CRPMS-main/frontend-project/src/pages/Services.jsx

@@ -0,0 +1,125 @@
+import { useState, useEffect } from 'react';
+import api from '../api/axios';
+
+const EMPTY = { ServiceCode: '', ServiceName: '', ServicePrice: '' };
+
+export default function Services() {
+  const [form, setForm] = useState(EMPTY);
+  const [services, setServices] = useState([]);
+  const [msg, setMsg] = useState({ text: '', type: '' });
+  const [loading, setLoading] = useState(false);
+
+  const fetchServices = () => api.get('/services').then(r => setServices(r.data)).catch(() => {});
+
+  useEffect(() => { fetchServices(); }, []);
+
+  const flash = (text, type = 'success') => {
+    setMsg({ text, type });
+    setTimeout(() => setMsg({ text: '', type: '' }), 4000);
+  };
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    try {
+      await api.post('/services', form);
+      flash('Service added successfully.');
+      setForm(EMPTY);
+      fetchServices();
+    } catch (err) {
+      flash(err.response?.data?.error || 'Failed to add service.', 'error');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const fmt = n => Number(n).toLocaleString() + ' Rwf';
+
+  return (
+    <div className="max-w-7xl mx-auto px-4 py-8">
+      <h2 className="text-2xl font-bold text-blue-800 mb-6">Manage Services</h2>
+
+      {msg.text && (
+        <div className={`mb-4 px-4 py-3 rounded-lg text-sm ${msg.type === 'error' ? 'bg-red-50 border border-red-300 text-red-700' : 'bg-green-50 border border-green-300 text-green-700'}`}>
+          {msg.text}
+        </div>
+      )}
+
+      <div className="bg-white rounded-xl shadow p-6 mb-8">
+        <form onSubmit={handleSubmit} className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-1">Service Code</label>
+            <input
+              type="text"
+              value={form.ServiceCode}
+              onChange={e => setForm({ ...form, ServiceCode: e.target.value })}
+              placeholder="e.g. SRV007"
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm"
+              required
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-1">Service Name</label>
+            <input
+              type="text"
+              value={form.ServiceName}
+              onChange={e => setForm({ ...form, ServiceName: e.target.value })}
+              placeholder="e.g. Brake Repair"
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm"
+              required
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-1">Service Price (Rwf)</label>
+            <input
+              type="number"
+              value={form.ServicePrice}
+              onChange={e => setForm({ ...form, ServicePrice: e.target.value })}
+              placeholder="e.g. 30000"
+              min="0"
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm"
+              required
+            />
+          </div>
+          <div className="md:col-span-3 flex justify-end">
+            <button
+              type="submit"
+              disabled={loading}
+              className="bg-blue-700 hover:bg-blue-800 disabled:bg-blue-400 text-white font-semibold px-6 py-2 rounded-lg transition-colors"
+            >
+              {loading ? 'Saving...' : 'Add Service'}
+            </button>
+          </div>
+        </form>
+      </div>
+
+      <div className="bg-white rounded-xl shadow overflow-hidden">
+        <div className="px-6 py-4 border-b border-gray-100">
+          <h3 className="font-semibold text-gray-800">Available Services ({services.length})</h3>
+        </div>
+        <div className="overflow-x-auto">
+          <table className="w-full text-sm">
+            <thead className="bg-gray-50">
+              <tr>
+                {['Service Code', 'Service Name', 'Price (Rwf)'].map(h => (
+                  <th key={h} className="text-left px-4 py-3 font-medium text-gray-600">{h}</th>
+                ))}
+              </tr>
+            </thead>
+            <tbody className="divide-y divide-gray-100">
+              {services.length === 0 ? (
+                <tr><td colSpan={3} className="text-center py-8 text-gray-400">No services found.</td></tr>
+              ) : services.map(s => (
+                <tr key={s.ServiceCode} className="hover:bg-gray-50">
+                  <td className="px-4 py-3 font-mono font-medium text-blue-700">{s.ServiceCode}</td>
+                  <td className="px-4 py-3">{s.ServiceName}</td>
+                  <td className="px-4 py-3 font-semibold text-green-700">{fmt(s.ServicePrice)}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}

package/projects/CRPMS-main/frontend-project/vite.config.js

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+
+export default defineConfig({
+  plugins: [
+    react(),
+    tailwindcss(),
+  ],
+})

package/projects/SIMS-master/backend-project/.env.example

@@ -0,0 +1,6 @@
+DB_HOST=localhost
+DB_USER=root
+DB_PASSWORD=
+DB_NAME=SIMS
+SESSION_SECRET=sims_secret_key
+PORT=5000

package/projects/SIMS-master/backend-project/config/db.js

@@ -0,0 +1,12 @@
+const mysql = require('mysql2/promise');
+
+const pool = mysql.createPool({
+  host: process.env.DB_HOST || 'localhost',
+  user: process.env.DB_USER || 'root',
+  password: process.env.DB_PASSWORD || '',
+  database: process.env.DB_NAME || 'SIMS',
+  waitForConnections: true,
+  connectionLimit: 10,
+});
+
+module.exports = pool;

package/projects/SIMS-master/backend-project/middleware/auth.js

@@ -0,0 +1,8 @@
+function requireAuth(req, res, next) {
+  if (!req.session || !req.session.user) {
+    return res.status(401).json({ error: 'Unauthorized. Please login.' });
+  }
+  next();
+}
+
+module.exports = requireAuth;