Featured Projects.
Curated selection of production web experiences, developer tools, and interactive builds.
Developer Tools & Trackers
Moodboard App
Firebase LiveReal-time canvas with live multi-user sync, reactive mood logging, and visual board generation.
Speech to Text
Voice AIReal-time browser-based speech recognition and dictation tool with instant transcription and export.
Translation Studio
React i18nInteractive translation and localization management studio for React applications with i18n support.
REM App
Daily LogMinimalist task notes, daily event logging, and reminder board designed for rapid dev capturing.
JS Debugger
Utility ToolInteractive JavaScript execution trace visualizer, expression evaluator, and AST playground.
UI Pages
Pitch Pro
AI-driven pitch deck builder and startup presentation canvas with dynamic slide layout generation and real-time design editing.
Foto Factory
Bespoke photography portfolio and studio client booking platform featuring full-bleed gallery grids and dark editorial typography.
Collage Projects
Snake & Ladders
Vue 3 · Game EngineInteractive multiplayer board game engine with physics animations, turn state machine, and audio effects.
Tred Tracker
Zero-Backend PWAOffline-first attendance management app with persistent browser records and clean zero-backend state.
Engineering Architecture.
A comprehensive blueprint of how I design, construct, and scale production applications across the entire stack.
System Data Flow & Execution Pipeline
Client Interface
User action in React / Angular / Vue UI
State & Validation
State dispatch & optimistic UI update
API Gateway
Secure middleware & controller routing
Data Persistence
Indexed query & reliable ACID store
Frontend & Reactive UIs
Client LayerClient-side state management, reactive event handling, component lifecycle optimization, and accessible responsive design.
Frameworks & Deep Technical Stack
Key Engineering Capabilities & Architecture Standards
Path
Journey
A straight line through the work that shaped how I build — less spectacle, more progression.
Start
Frontend first
Began by crafting interfaces people could feel — layout, interaction, and clarity before complexity.
Grow
Framework depth
Went deep on Angular, React, and Vue — learning how component systems scale across real products.
Expand
Full-stack range
Added Node, Express, MongoDB, and SQL so ideas could travel from UI all the way to durable APIs.
Now
Product-minded shipping
Today I connect engineering to business goals — performance, quality, and calm CI/CD delivery.
Connect
Have a product to ship?
Open to full-time roles, freelance builds, and focused technical consulting.