How antonioyg/trabajo works
WorkLog Pro is a workforce time-tracking application for managing employees, recording shifts, calculating regular and overtime hours, and reviewing or exporting work records. The frontend coordinates these workflows and uses a data service to communicate with the server; the server delegates persistence operations to MySQL. The sampled files also show settings for external MySQL, mobile/offline access, and server-side messaging and backup capabilities. Some backend routes and integrations are only partially excerpted, so uncertain connections are omitted or marked unverified.
Main entry points: App.tsx App Coordinator · calculations.ts Time Calculations · Dashboard.tsx Hours Dashboard · Logs.tsx Shift Records
Components 19
Workforce Interface
- App Coordinator
src/App.tsx - Navigation
src/components/Sidebar.tsx - Top Navigation
src/components/Navbar.tsx - System Settings
src/components/Settings.tsx - Mobile Offline Access
src/components/MobileOfflineModal.tsx
Time and Reporting
- Employee Management
src/components/Employees.tsx - Shift Records
src/components/Logs.tsx - Quick Clock-In
src/components/QuickClockIn.tsx - Hours Dashboard
src/components/Dashboard.tsx - Holiday Calendar
src/components/Holidays.tsx - Reports
src/components/Reports.tsx - Time Calculations
src/utils/calculations.ts - Excel Export
src/utils/excelExport.ts
Data Services
- Data Service
src/DB/db.ts - API Server
server/server.ts - MySQL Operations
server/mysql.ts
External Services
- MySQL Database
- Twilio Messaging
Other components
- WorkLog User
Connections 26
- WorkLog User → App Coordinator: uses
- App Coordinator → Navigation: renders
src/App.tsx - App Coordinator → Top Navigation: renders
src/App.tsx - App Coordinator → Hours Dashboard: renders
src/App.tsx - App Coordinator → Employee Management: renders
src/App.tsx - App Coordinator → Shift Records: renders
src/App.tsx - App Coordinator → Reports: renders
src/App.tsx - App Coordinator → System Settings: renders
src/App.tsx - App Coordinator → Holiday Calendar: renders
src/App.tsx - App Coordinator → Mobile Offline Access: renders
src/App.tsx - App Coordinator → Quick Clock-In: renders
src/App.tsx - App Coordinator → Data Service: loads and updates
src/App.tsx - Shift Records → Time Calculations: uses
src/components/Logs.tsx - Quick Clock-In → Time Calculations: calculates hours
src/components/QuickClockIn.tsx - Employee Management → Time Calculations: uses
src/components/Employees.tsx - Holiday Calendar → Time Calculations: uses
src/components/Holidays.tsx - Hours Dashboard → Time Calculations: uses
src/components/Dashboard.tsx - Hours Dashboard → Quick Clock-In: renders
src/components/Dashboard.tsx - Hours Dashboard → Excel Export: exports reports
src/components/Dashboard.tsx - Shift Records → Excel Export: exports records
src/components/Logs.tsx - Reports → Excel Export: exports reports
src/components/Reports.tsx - System Settings → Data Service: updates settings
src/components/Settings.tsx - Data Service → API Server: requests API
- API Server → MySQL Operations: delegates persistence
server/server.ts - MySQL Operations → MySQL Database: accesses database
- API Server → Twilio Messaging: sends messages