How justdudeduff/crmdude works
This is a browser-based ISP/customer-management CRM, with an employee login leading into a permission-aware dashboard. The main workflow is selecting a dashboard area to manage subscribers, leads, inventory, tickets, or staff and payroll; subscriber records expose related billing, documents, inventory, and ticket views. Firebase Realtime Database and a configured HTTP API provide backend access. Several dashboard areas are identified by the source index, but their internals were not sampled; those relationships are limited to documented routing/rendering references.
Main entry points: New_Dashboard.js Dashboard router · Subscriber.js Subscriber workspace · LeadDash.js Lead dashboard · App.js React app and routes
Components 26
App shell
- React app and routes
src/App.js - Login
src/components/Login.js - Dashboard router
src/components/New_Dashboard.js - Backend configuration
src/FirebaseConfig.js
Customer CRM
- Subscriber workspace
src/components/subscriberpage/Subscriber.js - Subscriber details
src/components/subscriberpage/SubscriberDetails.js - Personal profile
src/components/subscriberpage/SubscriberPersonal.js - Customer ledger
src/components/subscriberpage/Cust_Ledger.js - Payments and receipts
src/components/subscriberpage/Cust_PayRecpt.js - Subscriber tickets
src/components/subscriberpage/TicketsTable.js - Subscriber inventory
src/components/subscriberpage/InventoryTable.js - Subscriber documents
src/components/subscriberpage/DocumentUpload.js
Lead management
- Lead dashboard
src/components/LeadManagment/LeadDash.js - Lead creation
src/components/LeadManagment/CreateLeadForm.js - Enquiry creation
src/components/LeadManagment/CreateEnquiry.js - Lead listing and filters
src/components/LeadManagment/ExpandLeads.js
Operations
- Inventory management
src/components/InventryPage/InventryDash.js - Ticket dashboard
src/components/TicketData/TicketdataDash.js - Network rack management
src/components/NetworkRack/RackDashBoard.js - Business configuration
src/components/Master/MasterDash.js
People and access
- Permission provider
src/components/PermissionProvider.js - Employee management
src/components/EmployeePage/EmployeeProfileDash.js - Payroll and attendance
src/components/PayoutandAttendence/PayrollandAttendence.js
Other components
- Employee
- Firebase services
- Dude API
Connections 32
- Employee → React app and routes: opens
- React app and routes → Permission provider: wraps
src/App.js - React app and routes → Login: routes to
src/App.js - React app and routes → Dashboard router: routes to
src/App.js - Login → Backend configuration: uses
src/components/Login.js - Permission provider → Dude API: fetches permissions
src/components/PermissionProvider.js - Backend configuration → Firebase services: initializes
src/FirebaseConfig.js - Backend configuration → Dude API: configures
src/FirebaseConfig.js - Dashboard router → Subscriber workspace: renders
src/components/New_Dashboard.js - Dashboard router → Lead dashboard: renders
src/components/New_Dashboard.js - Dashboard router → Inventory management: renders
src/components/New_Dashboard.js - Dashboard router → Ticket dashboard: renders
src/components/New_Dashboard.js - Dashboard router → Network rack management: renders
src/components/New_Dashboard.js - Dashboard router → Employee management: renders
src/components/New_Dashboard.js - Dashboard router → Payroll and attendance: renders
src/components/New_Dashboard.js - Dashboard router → Business configuration: renders
src/components/New_Dashboard.js - Subscriber workspace → Backend configuration: reads and updates
src/components/subscriberpage/Subscriber.js - Subscriber workspace → Subscriber details: renders
src/components/subscriberpage/Subscriber.js - Subscriber workspace → Customer ledger: renders
src/components/subscriberpage/Subscriber.js - Subscriber workspace → Payments and receipts: renders
src/components/subscriberpage/Subscriber.js - Subscriber workspace → Subscriber tickets: renders
src/components/subscriberpage/Subscriber.js - Subscriber workspace → Subscriber inventory: renders
src/components/subscriberpage/Subscriber.js - Subscriber workspace → Subscriber documents: renders
src/components/subscriberpage/Subscriber.js - Subscriber details → Personal profile: renders
src/components/subscriberpage/SubscriberDetails.js - Lead dashboard → Firebase services: reads lead data
src/components/LeadManagment/LeadDash.js - Lead dashboard → Lead creation: renders
src/components/LeadManagment/LeadDash.js - Lead dashboard → Enquiry creation: renders
src/components/LeadManagment/LeadDash.js - Lead dashboard → Lead listing and filters: renders
src/components/LeadManagment/LeadDash.js - Lead listing and filters → Firebase services: reads and updates
src/components/LeadManagment/ExpandLeads.js - Inventory management → Dude API: manages stock
src/components/InventryPage/InventryDash.js - Payroll and attendance → Dude API: submits deductions
src/components/PayoutandAttendence/PayrollandAttendence.js - Payroll and attendance → Firebase services: reads attendance
src/components/PayoutandAttendence/PayrollandAttendence.js