Project 01
Davachi
Next.jsReactTailwind
Palette
Front-End Developer & UI/UX Designer
I engineer digital products that feel as good as they perform.
I bridge front-end engineering and interface design to create accessible, responsive experiences—from scalable design systems to polished production code.
React & Next.jsDesign systemsAccessible UI
Let's build something thoughtfulinterface-lab.tsx
Product interface
const Experience = ({design, code}) => {
return buildInterface({
accessible: true,
responsive: true,
delightful: true
})
}SystemsScalable
UXIntentional
CodeProduction
A collection of portfolios
Explore front-end engineering, product design, branding, and visual experiments—organized by craft.
Front-End
Websites
Responsive interfaces and production-ready web experiences.
25 projects
Project 02
Rosha Pharmacy
Next.jsReactTailwind
Palette
Project 03
Farshad Morteza
Next.jsReactTailwind
Palette
Project 04
Moadian System
Next.jsReactTailwind
Palette
Project 05
Mahand Admin Panel
Next.jsReactTailwind
Palette
Project 06
Sky Spike
Next.jsReactTailwind
Palette
Project 07
Crimson Wave
Next.jsReactTailwind
Palette
Project 08
Luxe Drive
Next.jsReactTailwind
Palette
Project 09
Bubble Core
Next.jsReactTailwind
Palette
Project 10
Green Living
Next.jsReactTailwind
Palette
Project 11
ACM
Next.jsReactTailwind
Palette
Project 12
Argo Introduction
Next.jsReactTailwind
Palette
Project 13
Gonbad University Introduction
Next.jsReactTailwind
Palette
Project 14
Education Workspace
Next.jsReactTailwind
Palette
Project 15
Mountain Fit
Next.jsReactTailwind
Palette
Project 16
Startup Vortex
Next.jsReactTailwind
Palette
Project 17
Steve Jobs
Next.jsReactTailwind
Palette
Project 18
Justice Haven
Next.jsReactTailwind
Palette
Project 19
Monso
Next.jsReactTailwind
Palette
Project 20
Argo Introduction
Next.jsReactTailwind
Palette
Project 21
Argo basic dashboard
Next.jsReactTailwind
Palette
Project 22
Mahand Introduction
Next.jsReactTailwind
Palette
Project 23
Mahand Introduction
Next.jsReactTailwind
Palette
Project 24
Mahand Introduction
Next.jsReactTailwind
Palette
Project 25
Moontastic
Next.jsReactTailwind
Palette
How I work
Built for clarity, scale, and global collaboration
I connect product thinking, interface design, and front-end engineering to turn early ideas into maintainable digital systems.
Remote ready
Global availability & worldwide communication
Async-first communication, thoughtful documentation, and flexible overlap hours keep distributed product teams moving.
TehranHome base
Async firstClear handoffs
Cross-culturalAdaptive workflow
Your timezoneDetecting...
Capabilities
Tech & design stack
A practical toolkit grouped around the way modern interfaces are designed, engineered, animated, and delivered.
Core Frontend
Typed, component-driven product architecture.
React
Next.js
TypeScriptReduxNode.jsUI/UX Tools
From user flow and prototype to visual system.
FigmaDesign SystemsPhotoshopIllustratorPrototyping
Styling & Motion
Responsive interfaces with intentional movement.
Tailwind CSSMotion
PostCSS
Headless UIResponsive UIDelivery & Scale
Tooling for reliable releases and inclusive products.
Git
Vite
Ionic
i18nextAccessibility
ViteIonici18nextAccessibilityRefactoring lab
Basic vs. advanced architecture
product-list.refactored.tsx
function useProducts(query: string) { const deferredQuery = useDeferredValue(query); return useQuery({ queryKey: ["products", deferredQuery], queryFn: ({ signal }) => productService.search(deferredQuery, signal), staleTime: 60_000, });}function ProductList() { const { data = [], isPending } = useProducts(query); const cards = useMemo(() => data.map(toCardModel), [data]); return <ProductGrid items={cards} loading={isPending} />;}Production architecture
Cleaner boundaries. Better runtime behavior.
Data access, caching, cancellation, presentation, and derived models are separated into focused layers.
ResponsibilitiesSeparated
Caching60 seconds
CancellationBuilt in
Reusable data hook and presentation layer
Deferred input, caching, and memoized models
Abort-aware requests and explicit loading state
Open source & builds
Handpicked projects from GitHub
Live repository signals, implementation notes, and compact code previews from selected front-end projects.
GitHub metadata captured at build timegithub.com/LunaNezha/i18next-react
Public repositoryTypeScript
I18next React
Next.js and React app, offering internationalization using i18next-react. Styled with Tailwind CSS and PostCSS. It leverages TypeScript for type safety and incorporates modular UI components from Shadcn.
10
TypeScript 80.2%CSS 18.9%JavaScript 1.0%
github.com/LunaNezha/react-video-player
Public repositoryTypeScript
React Video Player
A custom video player with React, Vite, Ionic, and TailwindCSS without any Libraries
20
TypeScript 68.2%JavaScript 18.0%CSS 10.3%HTML 3.6%
github.com/LunaNezha/sepan-react-ionic
Public repositoryTypeScript
Sepan Pharmacy Platform
Sepan is a hybrid pharmacy platform built with React and Ionic, designed to improve accessibility and efficiency for patients with critical illnesses. The platform has demonstrated measurable impact in patient enrollment, medication delivery, and overall user satisfaction while maintaining strong performance and maintainability standards.
00
TypeScript 81.2%CSS 10.8%JavaScript 3.9%Swift 1.9%
github.com/LunaNezha/imedica-login
Public repositoryTypeScript
Imedica Login
Leverages AI to provide medication management services for patients and doctors. This project focuses solely on the login functionality, delivering a responsive, and mobile-first interface to authenticate user.
30
TypeScript 72.8%CSS 12.4%JavaScript 7.8%Swift 3.7%
github.com/LunaNezha/gc-capital-framer
Public repositoryTypeScript
GC Capital Framer
It’s designed to showcase financial services and attract clients with clean layouts, and responsive design.
20
TypeScript 90.2%CSS 9.2%JavaScript 0.7%
Available for select projects
Have something worth building?
Let’s talk.
Share the idea, challenge, or opportunity. You’ll get a thoughtful reply with clear next steps—usually within one business day.
Direct line
Start with a hello.I’ll take it from there.
Best for product design, frontend development, creative collaborations, and ambitious digital experiences.
Primary email
TehranRemote worldwide
GMT +03:30Flexible overlap
Project brief
Tell me what you’re imagining.
A few useful details are enough to get the conversation moving.
© 2026 Luna Nezha.