Frontend developer with a product soul.
I don’t just build interfaces — I craft intentional, thoughtful, high-performance digital experiences.
I specialize in designing and developing real products from scratch: no fluff, no templates, no noise. I build things that are clear, fast, and feel right.
Each project below is hand-built to solve a specific interaction problem — and to push the envelope of frontend design with clarity and care.
A minimal task manager built for makers who move with intention.
What it is: A distraction-free productivity ritual. Task views, priorities, stats — all optimized for speed, focus and flow.
Highlights:
- Magic link login (Supabase Auth)
- Weekly stats + charts
- Toggleable layout density, dark mode, reduced motion
- E2E-tested (Cypress + GitHub Actions)
Stack: React, TypeScript, Zustand, Tailwind, Supabase, Chart.js, Cypress
🚀 NebulaOS
An immersive, animated productivity microsite with a soul.
What it is: A fictional OS experience with modular UI, animated transitions, and a hidden dev console.
Highlights:
- Framer Motion + GSAP animations
- Interactive “AI console” and modal system
- Dark/light mode toggle with persistence
- Unit + E2E tested with Vitest & Playwright
Stack: React, Vite, GSAP, Tailwind, Vitest, Playwright, GitHub Actions
🛒 Lumina
E-commerce experience for premium digital goods — built with soul.
What it is: A real product UI with cart, Stripe checkout, transitions, and microinteractions. A frontend project disguised as a real store.
Highlights:
- Stripe Checkout (frontend-only)
- Fully animated product routes
- Light/dark mode + motion loader
- EmailJS-powered contact form
- Thoughtful UX from start to finish
Stack: React, TypeScript, Vite, Tailwind, Zustand, Framer Motion, Stripe.js, EmailJS, Zod
Minimal onboarding flow for digital agencies and freelancers.
What it is: A no-fuss onboarding app with a step-by-step flow. Collects info, uploads assets, and feels crisp from login to dashboard.
Highlights:
- Multi-step persistent onboarding
- Zod + React Hook Form validation
- Asset upload with file previews
- Responsive UI with Framer Motion
- Light/dark mode with persistence
Stack: React, TypeScript, Zustand, Tailwind, Zod, Framer Motion, Vite
A digital art exhibition platform with curatorial tools.
What it is: A curated, category-based gallery system with favoriting, modal viewer, and a hidden curator mode.
Highlights:
- Zustand for favorites and curator mode
- Fullscreen lightbox with keyboard navigation
- Accessible, animated, fully responsive
- E2E tested with Cypress
Stack: React, Zustand, Tailwind, Framer Motion, Cypress
Cloud, AI & cybersecurity demo platform. Built as a case study.
What it is: A technical marketing site with real-time demos: sentiment AI, security event feeds, and infra monitoring.
Highlights:
- Live data visualizations
- Design token-based styleguide
- Recharts + Chart.js components
- Fully responsive + CI-tested
Stack: React, Vite, Tailwind, Recharts, Cypress, GitHub Actions
I’m not driven by trends. I’m driven by logic, experience, and the pursuit of interfaces that just feel right.
I ask questions before writing code:
Who’s using this? What should it feel like? How can I make it simpler?
Then I build — fast, focused, and with intention.
Once the core works, I enter what I call “obsessive mode”:
- Microinteractions
- Keyboard behavior
- Motion feel
- UX clarity
- Semantic structure
Nothing leaves my hands without feeling solid.
- Core: React, TypeScript, Vite, Tailwind
- State: Zustand, Context API
- Forms & Validation: React Hook Form, Zod/Yup
- Testing: Cypress, Vitest, Playwright
- Motion: Framer Motion, GSAP
- Infra: Supabase, Stripe.js, EmailJS, GitHub Actions
- Build fast. Iterate faster.
- Design for clarity, not decoration.
- Make everything feel intentional.
- Think like a product, not like a portfolio.
Looking for a frontend developer who cares about the little things?
“I don't ship code. I ship clarity.”