# Yosef Yudha Wijaya — Personal Portfolio

> Frontend Architect based in Indonesia. React/Next.js, Vue.js/Nuxt.js, TypeScript, AI integration, Web3. Former language editor and frontend lead at Kompas.

## Identity

- Full name: Yosef Yudha Wijaya
- Known as: Yudha
- Role: Frontend Architect
- Location: Indonesia
- Languages: Bahasa Indonesia (native), English (professional)
- LinkedIn: https://www.linkedin.com/in/yudhawijaya
- GitHub: https://github.com/gajayana
- GitLab: https://gitlab.com/gajayana

## Philosophy

Editorial precision in code. Every component should be as clear and purposeful as a well-edited paragraph — free of unnecessary complexity. Good code, like good writing, communicates intent.

## Works

- ngirit.yudhawijaya.com: https://yudhawijaya.com/en/works/ngirit-yudhawijaya-com
  Personal household expense tracker. Started in PHP/MySQL (2014) to save for a house purchase, rebuilt in Nuxt.js + Firestore (2019) for real-time family budgeting.

- yudhawijaya.com: https://yudhawijaya.com/en/works/yudhawijaya-com
  Personal portfolio site, first registered in 2001. Rebuilt in 2020 using Nuxt.js, Tailwind CSS, and Storyblok CMS, hosted on Vercel.

- @kompas/ui: https://yudhawijaya.com/en/works/kompas-ui
  Vue.js component library for Kompas digital products. Built with Tailwind CSS, Rollup, and Storybook. Eliminated copy-paste culture across teams; adopted across kompas.id, editorial tools, and marketing pages.

- kompas.id: https://yudhawijaya.com/en/works/kompas-id
  Led frontend architecture of Kompas's premium news platform through three transformation phases — WordPress to Nuxt.js migration, 85% CSS reduction (300KB → 43KB), 3,295 commits across two codebases.

- Selaras Bahasa: https://yudhawijaya.com/en/works/selaras-bahasa
  Language standardization tool built for Kompas editorial teams. Grew from a personal productivity tool into a company-wide reference system used by journalists, editors, and language specialists. Built with Laravel, Elasticsearch, and Vue.js.

- bebas.kompas.id: https://yudhawijaya.com/en/works/bebas-kompas-id
  Free-access companion platform to kompas.id for reader acquisition. Hybrid WordPress + Vue.js architecture enabled 10+ articles/day without frontend deployment. Built timed paywall logic and conversion tracking.

- Jelajah Kompas: https://yudhawijaya.com/en/works/jelajah-kompas
  WordPress microsite archiving Kompas expedition stories since 1991. Built with Timber/Twig and Vue.js.

- Tutur Visual: https://yudhawijaya.com/en/works/tutur-visual
  Interactive storytelling platform for Kompas. Started as a single immersive page marking the 200th anniversary of Mount Tambora's eruption; grew into a full WordPress-based microsite.

- beta286: https://yudhawijaya.com/en/works/beta286
  Integrated digital system and prototype incubation environment for Kompas, serving journalists, designers, marketers, and tech teams.

- Selisik Batik: https://yudhawijaya.com/en/works/selisik-batik
  Microsite documenting Indonesian batik traditions across regions, built as part of Kompas's 2016 batik expedition.

- kompasprint.com: https://yudhawijaya.com/en/works/kompasprint-com
  Digital version of the Kompas print newspaper with interactive multimedia — lighter than e-paper, mobile-friendly. Contributed HTML structure, CSS, and JavaScript including custom video/audio players and chart generators.

- IDInfografik: https://yudhawijaya.com/en/works/idinfografik
  Promotional microsite for the "Indonesia in Infographics" book. Built DOM manipulation in JavaScript and PHP for content and form processing.

- Kompas Profile: https://yudhawijaya.com/en/works/profil-perusahaan-kompas
  WordPress company profile site for PT Kompas Media Nusantara. Contributed theme development following WordPress codex standards.

- Kompas Future Talent: https://yudhawijaya.com/en/works/talenta-masa-depan-kompas
  Online recruitment landing page for Kompas, built from scratch in pure HTML, CSS, and JavaScript — an early exercise in translating approved designs to production code.

## Pages

- About: https://yudhawijaya.com/en/about
- Works: https://yudhawijaya.com/en/works/
- Journal: https://yudhawijaya.com/en/journals/
- Contact: https://yudhawijaya.com/en/contact
- Sitemap: https://yudhawijaya.com/sitemap.xml