InsightPulse Workforce Intelligence & Monitoring Platform

InsightPulse – Workforce Intelligence & Monitoring Platform

InsightPulse is a responsive workforce management and productivity analytics frontend designed to help organizations monitor attendance, working hours, activity metrics, project progress, and workforce performance.

Built with React 18, Vite 5, Tailwind CSS 3.4, and React Router DOM v6, it provides an administrative dashboard with dedicated modules for time tracking, employee management, activity monitoring, reporting, and payroll-related workflows.

Executive Analytics Dashboard

• Workforce health indicators and active employee counts

• Idle-time monitoring and productivity metrics

• Activity trends and department efficiency charts

• Project status breakdowns

Time Tracking and Attendance

• Interactive stopwatch with start, pause, and stop controls

• Manual time entry and project/task tagging

• Historical time logs and daily, weekly, and monthly summaries

• Clock-in and clock-out tracking

• Attendance status indicators

• Leave requests and team attendance calendars

Activity and Screen Monitoring

• Active-versus-idle time analytics

• Keyboard and mouse activity intensity graphs

• Application focus tracking and productivity scoring

• Configurable screenshot intervals

• Screenshot blurring controls for sensitive information

• Employee-filtered screenshot timeline interface

Location and Project Management

• GPS and geofencing tracking interfaces

• Job-site check-ins and route history views

• Kanban and list-based task management

• Task assignments, priorities, deadlines, and progress tracking

• Logged hours linked to project deliverables

Reports and Payroll

• Work-type analysis

• Schedule adherence and overtime reporting

• Workload distribution and team capacity insights

• Application and website usage categorization

• Location-based work-hour insights

• Standard, overtime, and billable-hour calculation interfaces

• Payslip generation and deduction summaries

Alerts and Employee Directory

• Rule-based alerts for idle time, late arrivals, overtime, and application usage

• Configurable tracking schedules and privacy audit logging

• Employee profiles, roles, contact information, and activity status

• Department filtering and permission assignment

User Experience

• Responsive desktop and mobile layouts

• Collapsible sidebar and mobile drawer navigation

• Dark and light themes

• Reusable interface components and modular application architecture

Technology Stack

• React 18

• Vite 5

• Tailwind CSS 3.4

• React Router DOM v6

• Recharts 2.10

• Lucide React

• clsx and tailwind-merge

• React Context API and custom hooks

Demo Mode and API Integration

InsightPulse runs in standalone demo mode when VITE_API_BASE_URL is empty. It uses sample employee, project, activity, screenshot, and payroll data, with session and preference persistence in browser LocalStorage.

An optional REST API can be configured through VITE_API_BASE_URL. The documented API client supports bearer-token authorization, request timeouts, error handling, and authentication-expiry events.

Installation

1. Install Node.js 18 or higher and npm 9 or higher.

2. Run npm install.

3. Copy .env.example to .env.

4. Run npm run dev to start the local development server.

5. Run npm run build to generate production assets in dist/.

Additional scripts include npm run preview and npm run lint.

Deployment

The production build can be hosted on Vercel, Netlify, Cloudflare Pages, AWS S3 with CloudFront, or an Nginx/Apache server, with SPA rewrite rules configured for client-side routing.

InsightPulse provides a frontend foundation for workforce visibility, attendance management, time tracking, productivity reporting, and employee operations. A production backend and database are not documented as included in the package.