Web Development
Production-grade web apps with modern architecture: componentized UI, typed logic, optimized bundles, accessible markup and animations that hold a steady 60fps.
Start a project
I engineer pixel-perfect, high-performance web products — clean architecture, modern JavaScript, GPU-friendly motion and real-time 3D, wrapped in a design language that feels effortless on every screen.
I don't just write code that works — I write code that feels considered, fast and beautiful.
Every interface starts as a system: semantic HTML for meaning, a token-driven CSS layer for consistency, typed JavaScript for confidence, and a component structure that scales without turning messy.
Then comes the part most people skip — feel. Scroll rhythm, hover states that respond in under 100ms, ripple feedback on every tap, glass layers that blur instead of block, and 3D that renders only when it's on screen.
Performance is a design decision, not a clean-up task. I budget animation work to transform and opacity so the compositor handles it, cap device pixel ratio on retina phones, pause WebGL when it scrolls out of view, and respect prefers-reduced-motion for anyone who asks for calm.
// a small portrait of how I build const srp = { name: "SRP", role: "Full-Stack Developer", stack: ["React", "Node", "Three.js"], principles: ["clarity", "speed", "craft"], maxFrameBudget: 16.6 // ms }; for (const idea of srp.ideas() ?? []) { srp.design(idea); srp.build({ fast: true, beautiful: true }); srp.ship({ tested: true, documented: true }); }
A few beliefs that shape every line I ship.
Readable code is a gift to the next developer — often future me at 2am. I name things honestly, keep functions small and let the structure explain itself before a comment has to.
Clarity over clevernessAnimation should never make a phone sweat. I animate transforms and opacity, avoid layout thrash, throttle pointer effects and let the browser's compositor do the heavy lifting.
Frame budget firstDesign is not decoration. Spacing, contrast, type scale and motion are a language — and every element either builds trust or quietly erodes it.
Details are the productIf it breaks on a low-end Android with a slow connection, it isn't finished. Mobile-first isn't a slogan; it's where the real testing happens.
Built for every deviceLuxury-grade execution for brands that refuse to look ordinary.
Production-grade web apps with modern architecture: componentized UI, typed logic, optimized bundles, accessible markup and animations that hold a steady 60fps.
Start a projectInterfaces composed like a design-led studio: refined type scales, deliberate spacing, liquid glass layers and a motion system that guides instead of distracts.
Start a projectThumb-first layouts with safe-area awareness, fluid type, generous touch targets, tap ripples and gestures that feel native — because phones are where your users live.
Start a projectScalable Node.js services and REST APIs with clean data models, authentication, validation, caching and deploy pipelines that stay fast under real load.
Start a projectReal-time Three.js scenes — product showcases, hero visuals and interactive geometry, tuned to run smoothly even on mid-range phones.
Open the labSemantic markup, keyboard support, sanitized inputs and defense-in-depth habits — shipped with audits and testing, never as an afterthought.
Start a projectA calm, transparent workflow — no guesswork, no surprises.
We map the goal, the audience and the constraints. I ask the awkward questions early so the build stays honest.
Structure, tokens, type scale and motion rules are defined before pixels. Systems beat one-off screens.
Component by component, with real content and real devices in the loop. Fast, accessible, responsive from day one.
Performance passes, animation polish, edge-case testing — then launch, and stay available after it.
The battle-tested toolkit behind every premium build.
Drag to rotate. Switch models below. Rendered on the GPU and paused automatically when off-screen.
Everything you might want to know before we start.
A focused landing page usually takes 1–2 weeks; a multi-section portfolio or product site takes 2–4 weeks. Complex apps depend on scope — you'll get a clear timeline before anything begins.
Yes — and that's a design constraint, not a promise. Animations run on the compositor, 3D pauses off-screen, images are responsive, and layouts are tested at real phone widths.
I can. Clear copy is part of the design — I'll draft structure, headings and microcopy, then refine it with you so the site sounds like you, not like a template.
You get a short walkthrough, clean documented code, and a window of post-launch support for fixes and small tweaks. Ongoing maintenance can be arranged if you want it.
No forms, no waiting. Message me directly and I'll reply personally.
Prefer a quick hello? WhatsApp is fastest — usually replies within a few hours.