System Architecture

SINQ Authoring Tool is built as a three-layer desktop application. Each layer has a clear responsibility and communicates through well-defined interfaces.

Interactive Stack Diagram

Layer 1: Electron Frontend

ReactTailwind CSSDesktop Shell

Layer 2: Local Backend

Node.jsExpressAuthoring Engine

Layer 3: Embedded Data

Local MongoDBCourse DataAssets

Core Pillars: Production Readiness

The architecture incorporates production-grade improvements for security, portability, and reliability.

Security Hardening

Strict CSP (Content Security Policy), navigation locking, and URL allowlisting prevent injection and unauthorized navigation. The app only loads trusted origins.

Cross-Platform Pathing

Path resolution uses Node.js path APIs and platform-aware separators. Ensures consistent behavior across Windows, macOS, and Linux during builds and file operations.

Production Readiness

CSP headers, secure session handling, and hardened Express configuration. The architecture is designed for desktop deployment with minimal attack surface.