🧩Jinji Hito Soshiki HCM Arena

Interactive Human Capital Management Platform Simulator

A fully interactive Human Capital Management (HCM) experience.
No server. No frameworks. No dependencies.
Open the HTML file in any browser and explore all platforms instantly.

📸 Platforms at a Glance

Platform	Type	Specialty
🔵 Workday HCM	Enterprise	Full HR suite, analytics, talent management
🟢 BambooHR	Mid-Market	Employee lifecycle & HR operations
🔴 ADP Workforce Now	Payroll	Payroll, tax, compliance & workforce

✨ Features

Zero dependencies — pure HTML, CSS, and vanilla JavaScript
Three complete HCM simulations — each with unique UI and functionality
Instant platform switching — navigate between systems seamlessly
Live data interaction — add employees, payroll entries, and records dynamically
Responsive design — works across desktop, tablet, and mobile
Realistic enterprise workflows — based on actual HCM platforms
Dashboard analytics — HR metrics, payroll insights, and workforce trends
Modular architecture — separate sections for each platform

🗂️ Core Modules

Each platform includes the following modules:

├── 🏠  Hero Section          — Platform overview & navigation
├── 📊  Dashboard             — KPIs and workforce insights
├── 👤  Employee Management   — Employee records and data
├── 🕒  Attendance & Leave    — Time tracking and leave management
├── 💰  Payroll               — Salary, deductions, and payslips
├── 📈  Performance           — Reviews and goal tracking
├── 🎯  Recruitment           — Hiring pipeline and candidates
└── 📊  Reports & Analytics   — HR insights and reporting

🚀 Getting Started

No installation required.

# Clone the repository
git clone https://github.com/your-username/hcm-arena.git

# Navigate into the folder
cd hcm-arena

# Open the file
open index.html

Or simply double-click the HTML file to open in your browser.

🗃️ File Structure

hcm-arena/
└── index.html          # Complete all-in-one HCM simulation

🛠️ How It Works

Each platform is wrapped in its own container
JavaScript controls visibility and navigation
Platform switching toggles active views dynamically
All interactions are handled using scoped vanilla JavaScript

🎨 Design Highlights

Clean enterprise UI inspired by real HCM systems
Distinct visual identity for each platform
Smooth transitions and interactive elements
Minimal, professional design approach
Mobile-first responsiveness

🧩 Platform Feature Matrix

Feature	Workday	BambooHR	ADP
Dashboard & KPIs	✅	✅	✅
Employee Management	✅	✅	✅
Attendance & Leave	✅	✅	✅
Payroll Management	✅	—	✅
Performance Tracking	✅	✅	—
Recruitment	✅	✅	—
Reports & Analytics	✅	✅	✅

⚠️ Disclaimer

This project is created for educational and demonstration purposes only.
It is not affiliated with or endorsed by Workday, BambooHR, or ADP.

👩‍💻 Author

Reaishma N
📧 hayagreevar9018@gmail.com
🌐 https://reaishma.github.io/Portfolio-website/

Made with ❤️ using pure HTML · CSS · JavaScript

Reaishma/jinji-hito-soshiki-hcm-arena