Front-End Development Services
Pixel-perfect, performant web interfaces with React, Next.js, and TypeScript. I build responsive, accessible UIs that users love — 8+ years of production experience.
What I Build
From landing pages to complex web applications — performant, accessible, and beautiful interfaces.
React & Next.js Applications
Build fast, SEO-friendly web applications with React and Next.js. Server-side rendering, static generation, and hybrid approaches for optimal performance and user experience.
- Server-side rendering (SSR)
- Static site generation (SSG)
- App Router & Server Components
- API routes & middleware
Responsive UI Development
Pixel-perfect implementations from Figma or design specs. Mobile-first responsive layouts that look great on every device, from phones to ultra-wide monitors.
- Mobile-first design
- Figma to code
- Cross-browser compatibility
- Retina-ready assets
Animations & Interactions
Smooth, performant animations using Framer Motion and CSS. Micro-interactions, page transitions, scroll-driven animations, and interactive UI elements that delight users.
- Framer Motion animations
- Page transitions
- Scroll-driven effects
- Gesture-based interactions
Performance & Accessibility
Optimized for Core Web Vitals and WCAG accessibility standards. Fast load times, efficient bundle sizes, semantic HTML, and keyboard navigation support.
- Core Web Vitals optimization
- WCAG 2.1 compliance
- Lighthouse 90+ scores
- Semantic HTML & ARIA
Technologies I Use
Modern front-end stack for building fast, accessible, and beautiful interfaces
Front-End Projects
Melio MealPlan AI
AI-Powered Meal Planning
Next.js application with SSG/ISR for 95+ Lighthouse performance, deployed on Hetzner + Cloudflare Workers. A real-time SSE streaming UI shows meals being generated live; responsive design uses shadcn/ui components with smooth animations.
Filament Web3 Airdrop Platform
Token Distribution & Delegate Voting on an L2 Rollup
The campaign and voting web client: a multi-step airdrop campaign wizard, campaign pages with criteria and distribution vote charts, and Ethereum wallet flows with ethers.js and MetaMask behind one transaction adapter. ethers.js and the charting code are split into separate chunks, and the WASM signer is lazy-loaded only when a user signs.
Employee Engagement Platform
Multi-Tenant Gamification Backend on Python FastAPI
React + TypeScript web client for employees and leaders: branching attendance questionnaires, a points wallet grouped by week, a gift-card redemption stepper, and the manager inbox and insights. Single-flight token refresh queues concurrent 401s, and a build-version check prompts stale clients to reload after S3/CloudFront deploys.
Hospital Benchmarking Report Engine
Express Report Service & Server-Driven React Report UI
React + TypeScript report UI for a hospital benchmarking platform: a recursive renderer for server-sent layout blocks, MobX stores per domain, ag-Grid tables and Chart.js charts, with drill-downs that patch only the affected block in place.
ROBBED_
Memecoin Launchpad on an Arbitrum Orbit L2
Next.js 16 + React 19 App Router on Bun, deliberately scoped to four pages — Discover, Token Detail, Create, and Portfolio. wagmi v2 + viem + RainbowKit for wallet and chain access, TanStack Query patched by a single multiplexed WebSocket instead of polling, and `lightweight-charts` rendering one venue-continuous series that crosses graduation without a visual seam. The trade lifecycle renders optimistically at tx-send and reconciles to indexed truth by transaction hash — values are replaced, never dropped — and the UI makes no finality claim on a fresh trade, escalating confirmation tiers only as the L1 watermarks advance.
Front-End Development FAQ
What front-end technologies do you specialize in?
I specialize in React and Next.js with TypeScript. For styling, I use Tailwind CSS and CSS Modules. For animations, Framer Motion. For state management, Zustand and React Query. I stay current with the latest React patterns including Server Components and the App Router.
Can you work with existing designs or design systems?
Yes, I regularly work from Figma designs, design specs, and existing design systems. I can implement pixel-perfect UIs from mockups or build components that integrate seamlessly with your existing design system and component library.
How do you ensure front-end performance?
I optimize for Core Web Vitals from the start: code splitting, lazy loading, image optimization, efficient re-renders, and minimal bundle sizes. I use Lighthouse and Web Vitals monitoring to track and maintain performance scores above 90.
Do you build accessible interfaces?
Absolutely. I follow WCAG 2.1 guidelines, use semantic HTML, proper ARIA attributes, keyboard navigation support, and screen reader testing. Accessibility is built in from the start, not bolted on after.
Hiring a Front-End Engineer?
I'm open to B2B contracts and full-time senior engineering roles. Reach out and let's talk about what your team is building.
Get in Touch