Work Archive
Web App

iamorn

A personal social CMS built the way I think.

TypeScriptNext.jsReactTailwind CSSFramer Motion
2026-01 – Present

A terminal-themed personal publishing and knowledge platform. A public feed for notes, posts, and essays — backed by a full admin with MDX editing, folder organisation, a knowledge graph, learning system, and photo gallery. GitHub as the database, S3 for images, 5 selectable themes.

Features

  • Public feed with post types (NOTE, POST, ESSAY), tags, stats sidebar, and pagination
  • MDX-powered posts with syntax highlighting via Shiki and rehype-pretty-code
  • Admin with grid/list views, folder organisation, draft/hidden/published status
  • Split-view post editor with live preview
  • Interactive knowledge graph — concepts as nodes with connections via @xyflow/react
  • Learning hub: sessions, concepts, skills map, reading list, study queue, gaps, recap
  • Photo gallery with S3-backed image storage and browser compression
  • GitHub as database — content committed via Octokit REST API
  • 5 themes: DOTS, TERMINAL, DIAL, CONFIG, BOOT

Challenges

  • Using GitHub as a live content database — commit latency and conflict handling on concurrent writes
  • Keeping the knowledge graph readable at scale as nodes and edges grow

Story

I wanted a place to write that felt like mine — not a Notion export, not a blog template. Everything about iamorn is built around how I actually think: terminal aesthetic, folder-organised posts, a knowledge graph that links concepts across sessions, and a learning system that captures what I studied and where the gaps still are.

>_orn.sh
click to type