OmniLog: Enterprise Personnel Management System

🎯 Objective

OmniLog is a high-performance, client-side data management tool designed to streamline employee record tracking. It solves the problem of volatile data loss during browser sessions by implementing a persistent state layer, ensuring that administrative records remain intact across reloads.

⚙️ Logic Flow

The application operates on a Unidirectional Data Flow principle:

1. Capture: UI-bound event listeners intercept user input from the DOM.
2. Validation & Transformation: Raw data is validated and structured into a JSON-serializable object.
3. Persistence: The State is synchronized with LocalStorage to ensure 100% data retention.
4. Reconciliation: The displayList() function performs a complete DOM purge and re-render based on the updated state, ensuring the UI is a "Single Source of Truth."

🏗️ The Foundation

This project demonstrates technical mastery of the MERN-essential concepts:

• State Persistence: Using JSON.parse and stringify for local database simulation.
• Conditional UI Logic: Dynamic styling (High-Salary highlighting) based on data thresholds.
• DOM Optimization: Efficient event-driven updates and manual DOM manipulation without heavy frameworks.
• Responsive Architecture: A mobile-first CSS approach using Flexbox and Media Queries for cross-device compatibility.