PulseHR - Enterprise HRMS Automated Payroll

PulseHR is a flagship, enterprise-grade Human Resources Management System (HRMS) and Employee Operations Platform built with React 19, TypeScript, and Tailwind CSS v3. Designed specifically for modern corporations, tech enterprises, and fast-growing organizations, PulseHR provides a complete suite of executive management tools, real-time telemetry streams, and interactive workforce visualizers.

🌟 Key Highlights & Integrated Modules

• Biometric & GPS Attendance Telemetry: Interactive real-time shift clock, digital ticking radar lock, and biometric verification simulator with live timestamp telemetry.
• Interactive Org Chart Visualizer: Dynamic executive node tree visualizer supporting multi-level department expansion and responsive horizontal navigation.
• ATS Recruitment Kanban Board: Drag-and-drop talent recruitment pipeline with candidate stage movement, interview scheduler, and celebration micro-animations.
• Payroll Ledger & Gross-to-Net Simulator: Interactive salary slider, bonus percentage calculator, tax deduction breakdowns, and printable itemized payslip modals.
• Continuous Real-Time Telemetry Stream: Ticker stream showing live employee check-ins, payroll approvals, and hiring alerts.
• High-Resolution Photography Portal: Professional Unsplash photography background with glassmorphism telemetry cards and 1-click role-based quick switchers (Executive, Talent Lead, Staff).
• Enterprise SSO Integration: Dual-mode authentication panel supporting Standard Corporate Login and Enterprise SSO with custom domain inputs.
• Multi-Language (i18n) Engine: Built-in 5-language selector supporting English, Spanish, French, German, and Japanese.
• Theme Engine (Light & Dark Mode): Clean light mode default with high-contrast emerald dark mode persistence across all route changes.
• Free Hosting & DevOps Support: Includes direct deployment assistance for AWS, Azure, VPS, Netlify, Vercel, and Cloudflare Pages.

🚀 Technology Stack

• React 19 & TypeScript Strict Mode
• Vite 6 Lightning-Fast Build Tooling
• Tailwind CSS v3 (Custom Emerald & Mint Glow Color Palette)
• Lucide React High-Definition Icon Set
• Canvas Confetti Interactive FX

Features

• Biometric Telemetry Clock: Real-time digital clock with GPS radar lock & shift counter.
• Executive Org Chart: Multi-tiered expandable org tree visualizer with horizontal scrolling.
• ATS Recruitment Pipeline: ATS Kanban board with candidate profile cards & hiring confetti.
• Payroll & Salary Simulator: Live income tax, bonus rate slider & printable payslip modal.
• Continuous Staff Ticker: Infinite marquee telemetry ticker for real-time company activity.
• HD Photo Login Portal: Unsplash corporate background with glassmorphism telemetry cards.
• 1-Click Role Switcher: Instant role-based routing for Admin, Talent Lead, and Staff personas.
• Enterprise SSO Panel: Workspace domain input supporting SAML 2.0 & Okta authentication flow.
• 5-Language i18n Support: Dynamic language switcher supporting EN, ES, FR, DE, and JA.
• Dual Theme Engine: Light mode default session stability with emerald dark mode toggle.
• Interactive Notification Hub: Unread badge counter, click-outside dismissal, and clear-all controls.
• 100% Offline Asset Suite: Zero external CDN dependencies or broken runtime links.
• Free DevOps Deployment Support: Free guidance for deploying to Netlify, Vercel, or AWS Amplify.

Requirements

• Node.js (v18.0.0 or higher)
• npm (v9.0.0 or higher) or yarn / pnpm / bun
• Modern web browser (Chrome, Firefox, Safari, Edge)

Instructions

1. Extract the downloaded package zip file (pulsehr-template-package.zip).
2. Open terminal in the project directory: cd pulsehr-template
3. Run: npm install
4. Start dev server: npm run dev
5. Build production bundle: npm run build
6. Deploy dist/ folder directly to Netlify or Vercel (Free DevOps assistance included).