03 // PROJECTS
Case-driven project shelf
Projects are framed as outcomes, tooling choices and operational constraints so the portfolio feels credible to technical reviewers.
A bilingual personal site that brings security work, engineering notes, blog content, travel records, training status and terminal interaction into one product.
Problem
The site should not feel like only a resume or only a visual experiment; it needs to support quick scanning, deeper reading and long-term maintenance.
Result
Implemented bilingual routing, immersive homepage, blog, travel map, fitness page, terminal page, manual, SEO, sitemap and basic metrics APIs.
Role
Owned product framing, frontend structure, visual interaction, content models, documentation standards and build validation.
A lightweight CMS workflow using Markdown, JSON and GitHub Contents API for blog posts, travel notes, fitness data and image uploads without adding a database.
Problem
A personal site has a small content model, so adding a database and a heavy admin system too early would increase maintenance and deployment cost.
Result
The admin can maintain Blog / Travel / Fitness content, preview locally without publishing credentials, and publish content plus uploads once GitHub variables are configured.
Role
Owned authentication, remote-first local fallback, content serialization, publishing path rules, upload paths and admin editing experience.