🧩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