Home

Secure Messaging App

engineering project react Electron aes

Shipped a secure messenger desktop application as a technical deep-dive — from zero to production in a focused sprint.
The stack: TypeScript, Electron, React 19, Redux Toolkit, SQLite (WAL mode with cursor-based pagination), WebSocket real-time sync, and AES-256-GCM authenticated encryption on every message body at rest.
What made this interesting:
Dual-mode architecture — same React UI runs natively in Electron (IPC bridge) and in the browser (REST + WebSocket), powered by a runtime bridge abstraction
Built-in observability dashboard with live Prometheus metrics polling, plus a full Docker Compose stack with Grafana (12 auto-provisioned panels)
81 tests across unit, integration, and Pact consumer-driven contract layers
CI/CD pipeline with GitHub Actions (lint, test, cross-platform builds), Husky git hooks, conventional commits, and Dependabot
Deployed live on Fly.io — single-port WebSocket architecture for PaaS compatibility
Key engineering decisions: better-sqlite3 over WASM for 5-10x performance, react-window for fixed-height chat virtualization, react-virtuoso for variable-height message lists with bi-directional scroll, and exponential backoff reconnection with a 3-state connection state machine.
Try the live demo: https://lnkd.in/dyhJhAjb Source: https://lnkd.in/dHBPx8mY
Always building. Always shipping. Ogechi Eze🤍 Talents2Germany Islam Askar

Check it out here: https://lnkd.in/dRnGj7cj

TypeScript #Electron #React #Redux #SQLite #WebSocket #AES256GCM #Encryption #Prometheus #Grafana #Docker #CICD #GitHubActions #Vitest #Pact #FlyIO #DesktopDevelopment #FullStack #SoftwareEngineering #OpenSource

Drop a comment?

Comments