FullStack case-study
E2EE Messaging App ★
A secure messaging app where messages are encrypted on the client before reaching the backend.
Web Crypto APIAES-GCMRSA-OAEPIndexedDB +3
system.boot / identity dread.
I build as a
I engineer real-time interfaces, frontend systems, and polished web experiences with performance, accessibility, and interaction quality treated as core architecture — not decoration.
real-time systems frontend architecture performance accessibility
about.md
Building interfaces
that behave.
I am a frontend systems engineer focused on building interfaces that stay fast, predictable, and usable under real interaction pressure. I care about the parts users notice — motion, responsiveness, clarity — and the parts they do not: state flow, accessibility, performance budgets, and failure handling.
My work sits between product polish and engineering discipline. I have built task systems, profile cards, invoice workflows, Chrome extensions, real-time dashboards, encrypted messaging flows, collaborative editors, and this SvelteKit portfolio as an interactive developer experience.
The goal is simple: make frontend work feel engineered. Clean architecture, readable components, accessible controls, smooth transitions, and interfaces that do not collapse when the data, viewport, or user behavior gets messy.
8+ Stage Projects
5 Core Focus Areas
0 Console Warnings Goal
stack.json
My toolkit.
Languages
JavaScriptTypeScriptSolidity
Frontend
SvelteKitVueReactNext.jsTailwindCSS
Browser & Platform
Chrome ExtensionsPWAService WorkersLocalStorage
UI Engineering
Responsive DesignAccessibilityAnimationDesign SystemsPerformance
Testing
data-testidAutomated TestsSpec ComplianceDebugging
Tools
GitViteVercelGitHub ActionsFigma
projects/
Things I've built.
Case studies from staged frontend systems, real-time interfaces, browser tooling, security flows, and this interactive SvelteKit portfolio.
Frontend System case-study
Interactive Todo Card ★
A stateful todo card with editing, status transitions, priority handling, collapsible content, and live due-time logic.
HTMLCSSJavaScriptAccessibility +1
Frontend System case-study
Testable Profile Card ★
A semantic, responsive profile card built with strict data-testid requirements and accessibility-first markup.
HTMLCSSJavaScriptSemantic HTML +1
Frontend System case-study
Invoice Management App ★
A React invoice app with CRUD flows, validation, filtering, draft handling, payment states, and persistent data.
ReactJavaScriptLocalStorageForms +1
Frontend System case-study
Habit Tracker PWA ★
A technical-spec-driven PWA with strict routes, persistence rules, required tests, and installable app behavior.
PWAJavaScriptTestingLocalStorage +1
FullStack case-study
AI Page Summarizer Extension ★
A Manifest V3 Chrome extension that extracts webpage content, summarizes it, and caches summaries per URL.
Chrome ExtensionManifest V3JavaScriptAI API +1
Frontend System case-study
Real-time Data Visualization Platform ★
A real-time Vue analytics dashboard with live metrics, charts, process tables, activity feed, and dashboard controls.
VueViteTypeScriptCharts +2
Frontend case-study
Interactive Developer Portfolio ★
A SvelteKit portfolio with dynamic accent themes, terminal navigation, animated sections, and accessibility polish.
SvelteKitSvelteTailwindCSSGSAP +2
terminal.sh
Try the terminal.
An interactive shell to explore my portfolio. Type help to start.
Interactive Terminal
Navigate the portfolio like a system shell
contact.sh
Let's build
something.
Open to full-time roles, freelance projects, and interesting collaborations. If you have something exciting, I'd love to hear about it.