chornous.dev

Projects·Volodymyr Chornous

Project systems with clear contracts.

A small set of realistic, editable project records — each rendered from typed data, not hardcoded markup spread across routes. Front-end platforms built to hold real product pressure.

Records4 systems
In progress1 active
Shipped2 patterns
Filter
01
active2026
/ next-portfolio-system

Next.js portfolio system

A static-first personal site rebuilt around typed content, Pagefind, and interaction components that stay maintainable.

A migration from a minimal Astro site into a senior-engineer portfolio platform with local MDX, typed project records, SEO outputs, search, and isolated animation layers.

RoleProduct engineer and systems designer
Next.js App RouterReact 19Tailwind CSS v4Pagefind
02
concept2026
/ motion-interface-lab

Motion interface lab

A compact interaction lab for testing spring states, route reveals, and physics-inspired UI without harming accessibility.

A practical design engineering sandbox focused on when motion clarifies UI state: hover tension, drag affordances, reduced-motion fallbacks, and bounded Matter.js token fields.

RoleInteraction engineer
Motion for React@react-spring/webMatter.js
03
shipped2025-2026
/ typed-content-toolkit

Typed content toolkit

A local content pipeline pattern for portfolios and docs that validates frontmatter before pages, feeds, and search can publish it.

A reusable approach to parse MDX once, validate metadata with Zod, derive tags and feeds from shared helpers, and keep draft filtering consistent across public surfaces.

RoleContent systems engineer
Zodgray-matterRSSsitemap
2025-2026Open pattern
04
shipped2025
/ frontend-review-ops

Frontend review operations

A pragmatic workflow for tightening PR review around visual QA, browser evidence, accessibility checks, and production build health.

A review system that makes UI changes easier to trust by pairing deterministic checks with browser screenshots, route smoke tests, and concise verification notes.

RoleFront-end lead
BiomeBrowser QATypeScriptCI

Want a system like these for your product, not another pile of one-off screens?

Each project above is a contract: typed data, accessible states, and motion that clarifies instead of decorates. Email is the primary route — open to senior front-end roles and focused engagements.