RATE Obsidian Portfolio
Leave a quick evaluation before you go:
Obsidian Portfolio
High-character Obsidian terminal identity
01 // OVERVIEW
Obsidian Portfolio is a custom developer and designer console with high-contrast Obsidian system identity, a Command Palette navigation terminal, dynamic back popstate feedback capture, and multi-category active filtering.
02 // THE PROBLEM
Generic template-looking portfolios fail to express the raw capabilities of a developer who also values flat design systems. Traditional portfolios also lack feedback interaction.
03 // THE BUILD
Developed with React Server Components in Next.js 14 and full TypeScript strict typings. Implemented dynamic client-side caching, a unified ratings backend interface, and print stylesheet bindings for CV exports.
04 // ARCHITECTURE
Client interactions (Command Palette Ctrl+M, back navigation events) are managed by localized clients, communicating asynchronously with Supabase Edge RLS endpoints or falling back securely to localStorage schemas.
05 // CHALLENGES
Handling browser back state transitions smoothly on dynamic routes without causing navigation loop locks. Solved by pushing custom state payloads into the window history stack.
06 // RESULTS
A distinctive, lightweight terminal portfolio with full SEO optimization and rapid sitemap indices.
07 // LESSONS
Understood deep interactions of Next.js App Router routing mechanics, history navigation state management, and the flexibility of custom schema designs.