sinclair-logging-banner
sinclair-logging-logo-hero-banner
sinclair-logging-logo-subtitle
I spearheaded the development of a comprehensive logging system for Sinclair Broadcast Group, enhancing user activity tracking and system diagnostics across both frontend and backend environments.
In-App Demonstration
Screenshot 0

Logging with Precision and Clarity

Developed for Sinclair Broadcast Group, I designed and implemented a Logging Service that served as a comprehensive solution designed to meticulously track and log user activity across frontend and backend systems within our User/Contract Management platform. The service offers a holistic view of user sessions, actions, errors and more, enhancing monitoring and diagnostic capabilities.

The Challenge of Incomplete Visibility

incomplete-visibility

Prior to the Logging Service's implementation, gaining a full perspective on user activities and errors across the User Management platform was difficult. This gap hindered our monitoring efforts, complicating the diagnosis of issues, which in turn affected user experience and system reliability.

The lack of detailed logging made it challenging to pinpoint performance bottlenecks or problematic user interactions swiftly. Consequently, this delay in issue resolution could compromise the overall quality of service, impacting both efficiency and user satisfaction.

A Comprehensive Logging Framework

classroom-raised-hands

To address these challenges, I developed the Logging Service as a multi-layered system integrating both frontend and backend environments. It includes an Angular frontend service, a Node.js/Express backend, and SQL Server for data management, complemented by advanced performance monitoring and logging tools like Dynatrace and FluentD.

This setup ensured detailed tracking of user actions, error logging with severity levels, and session management, all while maintaining high configurability and extensibility for specific logging needs.

How It Works

application-flowchart
Application Architecture

This Logging Service integrates seamlessly within an Angular/Node/Express ecosystem, leveraging TypeScript for robust, type-safe code development. On the frontend, Angular captures user activities and errors, while the backend, built with Node.js and Express, processes and logs these events efficiently.

Utilizing Microsoft SQL Server for data persistence ensures reliable storage and retrieval of logs, with the flexibility to handle complex queries. This stack offers a comprehensive solution for monitoring, diagnostics and analytics, supporting extensive customization to meet system-wide logging requirements.

Technology Stack

I chose this stack for its ability to ensure robust development, seamless user experience, efficient backend management and automated workflows — facilitating quality, scalability and versatility.

TypeScript
JavaScript
node-js-logo
express-logo
sequelize-logo
mssql-logo
dynatrace-logo
fluentd-logo
azure-logo
azure-devops-logo

Beyond Logging: A Tool for Insight and Debugging

beyond-logging

Initially designed to log user activities comprehensively, the Logging Service has evolved into a essential instrument for internal debugging and monitoring within Sinclair Broadcast Group's User Management platform, serving both as a critical resource for diagnosing user-related issues and as a developmental aid for the platform's engineers.

Overall, its efficiency and depth of data capture have made it indispensable for analyzing user behavior, optimizing user administration platforms and enhancing system performance.

© 2024 Michael Filoramo