Software Engineer

Zoriah Cocio

Frontend/fullstack engineer focused on polished React and Next.js product surfaces, TypeScript architecture, SaaS workflows, testing discipline, and recruiter-readable engineering artifacts.

Flagship products

6

Live demos, case studies, and CI evidence

Core stack

React

Next.js, TypeScript, Tailwind CSS, Vercel

Proof style

CI/CD

Tests, smoke coverage, docs, architecture notes

Positioning

Engineering Profile

I build product-shaped software that communicates both UX taste and engineering maturity. The current portfolio is intentionally scoped around frontend architecture, fullstack constraints, AI workflows, runtime security, realtime data, and design-system thinking.

The public signal is evidence-driven: live deployments, architecture docs, typed case-study data, Playwright smoke tests, GitHub Actions, release checklists, and technical writing tied directly to shipped projects.

Frontend EngineerFullstack EngineerProduct EngineerSaaS EngineerStartup Engineer

Project matrix

Recruiter-Friendly Proof Grid

SpendBoard

Finance dashboard

Shows product-grade frontend architecture for high-volume data UI: predictable state, table ergonomics, performance budgets, and calm scanning under pressure.

Design & build

ReactTypeScriptViteTanStack TableTanStack Virtual

Dense UI

Component library

Shows component API thinking, design-token restraint, accessible composition, and the judgment to make dense product surfaces readable instead of decorative.

Design & build

ReactTypeScriptRadix UIStorybookCSS variables

FrontGuard

Frontend security playground

Shows secure frontend thinking, scoped ingestion, Redis-backed telemetry, dashboard UX, and the ability to turn education into a real product workflow.

Design & build

Next.jsTypeScriptRedisRoute HandlersRBAC

Ledgerline

Realtime trading interface

Shows realtime product engineering: workers, buffered queues, coalesced renders, calm motion, and instrumentation that explains whether the chart can be trusted.

Design & build

ReactTypeScriptWebSocketWorkerBuffered queue

FrontGuard Agent

Runtime security agent

Shows library discipline: zero dependencies, small bundle size, browser APIs, event filtering, and production-shaped telemetry without framework weight.

Design & build

TypeScriptMutationObserverpostMessageDOM APIsRate limits

RevAssist

AI workflow product

Shows applied AI product thinking: schema-first output, server-side risk boundaries, independently editable surfaces, persistence, and eval-minded architecture.

Design & build

Next.jsTypeScriptAI SDKZodPostgres

Cardinal

Time-series database

Shows systems-engineering depth past the browser: cache-aware C++, a defensible cross-language boundary, distributed-systems trade-offs made explicit, and two optimizations proven with before/after measurement rather than asserted.

Design & build

C++17GoCMakeGorilla compressionShared memory

Impact

Selected Engineering Evidence

Built and documented six flagship product-shaped projects across dashboards, component systems, security, realtime UI, and AI workflows.
Added CI, unit tests, production builds, audits, and Playwright smoke coverage across the active portfolio repos.
Shipped a canonical Next.js portfolio with project case studies, technical writing routes, sitemap coverage, Open Graph metadata, and production smoke tests.
Connected FrontGuard and FrontGuard Agent into a runtime security telemetry suite with ingestion, scoped access, storage adapters, alert policy, and triage UI.
Launched RevAssist Pro as a fullstack AI workflow app with streaming, signed sessions, Neon persistence, Upstash-backed rate limiting, audit logs, evals, and deployment docs.

Skills

Technical Strengths

Frontend

React / Next.js / TypeScript / Tailwind CSS / Accessible primitives

Data and State

URL state / TanStack Table / TanStack Virtual / Zustand / Postgres

Systems & Performance

C++17 / Go / Distributed systems / Shared-memory IPC / SIMD / AVX2 / WAL & crash recovery / Route Handlers / WebSockets / Redis

Product UI

Dense layouts / Design tokens / Storybook / Case studies / Performance budgets

Security

Runtime telemetry / Project scoping / Event envelopes / Rate limits / Alert policy

Narrative

Timeline and Education

2026 / Systems

Cardinal — sharded time-series database

A C++ storage engine and Go control plane with quorum replication, a lock-free shared-memory ingest path, and SIMD aggregation.

2026 / Portfolio

Shipping seven product-grade volumes

Finance UI, design system, security, realtime, runtime, applied AI, and a systems-level database.

2025 / Practice

Dense data UI and SaaS surfaces

Deepened focus on compact interfaces, case-study writing, and production-shaped portfolio work.

2025 / Open source

Open-source library work

Dense UI and FrontGuard Agent packaged as reusable engineering artifacts.

/ Education

B.S. Computer Science

Computer science foundation behind the product-engineering work.

Keywords

Core Technologies and Workflows

React and Next.js App RouterTypeScript architectureData-heavy dashboardsDesign systemsRuntime security toolingAI workflow UXRealtime interfacesTesting and CI/CDAccessibility-minded product UI