Projects
A selection of frontend work across client products and personal systems.
The common thread is care: clear planning, strong visual hierarchy, and implementation that stays stable as the product grows.
Personal
Built around speed and usability: quick capture, structured organization, and an interface that stays responsive while content syncs in real time. A Chrome extension is a core part of the product, making it possible to save links directly from the browser into the workspace without breaking the flow. The product leans on careful interaction design as much as the underlying data model.
Next.js 16 App Router (Turbopack), React 19, Tailwind CSS, shadcn/ui, Supabase (PostgreSQL, Auth, Realtime), Chrome Extension (Manifest V3), Optimistic UI patterns.
Built as the next iteration of Rootly for self-taught developers who learn through courses, tutorials, and documentation. The product centers on Q&A notes, freeform notes, course progress, daily study tracking, and spaced-repetition review in one cloud-first system designed around how developers actually study.
Next.js 16 App Router (Turbopack), TypeScript, Tailwind CSS 4, coss ui + Base UI, Hugeicons, Supabase (Auth, PostgreSQL, RLS), Recharts, Motion, Oxlint + Oxfmt.
Client work
Built for an agency that delivers digital systems, whether full stack products or more focused web work. The site is intentionally lean, with clear structure, bilingual routing, full RTL support, and strong SEO fundamentals. The frontend keeps heavier behavior away from the critical path while still supporting theming and polished interactions.
Next.js 16 App Router, React 19, Tailwind CSS 4, next-intl, next-themes, Motion, Resend.
Designed as a clean product-browsing experience for a showroom business, with full RTL support, structured navigation, and image-led discovery across multiple categories. The build focuses on clarity, search visibility, and a catalog structure that can scale as inventory and content grow.
Next.js 16 App Router, TypeScript, Tailwind CSS, Radix UI, shadcn/ui, Cloudinary (image delivery + CDN), Upstash Redis (visit analytics counter), SEO metadata + sitemap + structured data.
Built as a managed frontend system for a travel agency rather than a static brochure. The site supports multilingual routing, curated travel content, inquiry flows, and dashboard-controlled updates for destinations, packages, and other commercial content. The emphasis was on giving the business a reliable publishing and communication layer without overcomplicating the public experience.
Next.js 15.5.5 App Router, TypeScript, Tailwind CSS 4, shadcn/ui, Supabase (PostgreSQL, Auth), TanStack Query, Resend, next-themes, Custom analytics tracking layer, OpenGraph + JSON-LD + sitemap + robots + hreflang.