CORPORATE INTRANET

Centralized platform for team management, analytics, and real-time corporate communication.

ReactReactTypeScriptTypeScriptViteTailwind CSSTailwind CSSShadcnUITanStack QueryNode.jsNode.jsExpress.jsMongoDBMongoDBSocket.ioSocket.ioVitestVitestPlaywrightPlaywright
CORPORATE INTRANET - Vista 1
1/7

🔍 Overview

A centralized corporate intranet built with the MERN stack modernized with strict TypeScript. The platform serves as an operational control hub (lightweight ERP/CRM) unifying user management, role-based access control (RBAC), real-time internal communication, and automated financial report logging.

🌟 Key Features

  • Bidirectional Communication (Socket.io): Internal chat channels and global live notification servers featuring strict thread isolation by corporate department.
  • Security & Authorization (RBAC): Secure authentication workflow utilizing JWT stored in HttpOnly cookies, coupled with a central middleware layer for user role enforcement.
  • Asynchronous State Synchronization: Frontend optimized with TanStack Query (React Query) to manage server data caching, eliminating heavy client-side state stores.
  • Advanced NoSQL Persistency: Data modeling in MongoDB via Mongoose, implementing compound indexes to accelerate complex administrative dashboard lookups.

🧠 Challenges & Learnings

Socket Memory Leaks: During real-time module benchmarking, I caught Node Event Loop stalls caused by duplicate Socket.io listeners multiplying on React component updates. I resolved it by designing strict execution cleanup functions inside connection hooks.

Aggregation Pipeline Refactoring: Cross-reference metrics were bottlenecking database queries. I refactored Mongoose lookups using MongoDB Aggregation Pipelines, combining indexed $match, $group, and $lookup stages, which slashed overall API response times by 60%.

🎯 Outcome

A highly reliable operational backend maintaining average API response latencies under 200ms. Shifting data synchronization to React Query reduced the final JavaScript client bundle size to 180KB, unlocking sub-second administrative dashboard paint speeds.

Developed by L0fgD3v, with ❤️

|