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

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

Route Handlers / WebSockets / Workers / Redis / AI SDK

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 / Portfolio

Shipping six product-grade volumes

Finance UI, design system, security, realtime, runtime, and applied AI projects.

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