ZX Mark Yu/2027 Prototype

Engineer.Artist.Designer.

Software engineer, frontend systems builder, game developer, and digital artist building precise interfaces with cinematic restraint.

View projects Enter portal GitHub

creative systems2027

software

games

art

interfaces

SEO

i18n

themes

a11y

Full-stack creative developer — software, games, and digital art built with precision.

Software Engineer · Frontend Developer · Game Developer · Digital Artist · Next.js · TypeScript · React · Unity · Tailwind CSS · Creative Systems · UI Design · Web Apps · Software Engineer · Frontend Developer · Game Developer · Digital Artist · Next.js · TypeScript · React · Unity · Tailwind CSS · Creative Systems · UI Design · Web Apps ·

WRITING

Draft: Rebuilding M4rkyu.com as a black-and-white archive

Placeholder devlog: final notes will document the design-system decisions, route architecture, and performance constraints.

Open

NOW

Descent Into Madness

Draft: atmospheric game-development archive entry. Replace with final gameplay loop, engine, and media.

Open

selected systems

Featured case studies

Production-grade case studies across web apps, AI tooling, and data visualisation.

Full archive

readydraft

2024

Nimbus

A secure file management platform shaped around calm organization, OTP access, and storage analytics.

Next.jsTypeScriptAppwriteTailwind CSSshadcn/uiChart.js

Case study Source

readydraft

2025

BioLoom

An AI-assisted bio generator that turns scattered identity notes into concise, platform-ready personal copy.

Next.jsReactTailwind CSSAI APIVercel

Case study Source

readydraft

2024

M4rketView

A cryptocurrency screener built for quick scanning, watchlist thinking, and market table clarity.

ReactTailwind CSSCoinGecko APIChart.jsVercel

Case study Source

writing pulse

Writing pulse

Field notes and devlog — short, dated, opinionated.

WRITINGdraft

DraftTBD

Draft: Rebuilding M4rkyu.com as a black-and-white archive

Placeholder devlog: final notes will document the design-system decisions, route architecture, and performance constraints.

remakedesign-systemnextjs

Read

DEVLOGdraft

DraftTBD

Draft: Rebuilding M4rkyu.com as a black-and-white archive

Placeholder devlog: final notes will document the design-system decisions, route architecture, and performance constraints.

remakedesign-systemnextjs

Read

tools / stack

Resources

A small, real personal stack — the things I actually use, with notes on why.

Full stack

Frameworkplaceholder

Free

Next.js

The remake uses it for route-level metadata, server components, image optimization, and Vercel alignment.

UI foundationplaceholder

Free

shadcn/ui

It supports source ownership while keeping accessibility primitives close to the codebase.

Searchplaceholder

Free

Pagefind

A good first search layer for portfolio content before a hosted search system is justified.

visual archive

Gallery signal

Black-and-white photography, digital art, and contact sheets — placeholder frames hold the structure.

Black & White

Contrast studies, street fragments, and visual notes shaped for gallery mode.

Artworks

A compact archive of painting, digital studies, and physical-to-digital experiments.

Open archive

Open gallery

Open the gallery to browse, like, save, and share frames.

media lane

Media placeholders

Video and process pages are presentationally ready — final posters and clips replace these frames later.

placeholder

Portfolio reel placeholder

VIDEO POSTER TBD: replace with a short optimized reel after media export.

draft

Game capture draft

Draft: gameplay capture slot for future game archive pages.

HOMEPAGE REEL TBD

00:00draft cut

One archive. Software, games, art, writing — built deliberately.

View projects Email directly