Mehran Hatami — Full-stack web developer
Database design, authentication, interface and motion — I write the whole path myself and support it after delivery. My latest product is a complete commerce platform, currently selling licences.
About Me
I'm Mehran Hatami, an Information Technology graduate who fell in love with building for the web. My focus is modern, fast, animated, and fully responsive web applications.
Beyond visuals, I care deeply about SEO, performance, and user experience — a beautiful site only matters if it loads fast and gets found.
Built a solid foundation in networks, systems, and software through my IT studies.
Building fast, responsive, animated interfaces with React and Next.js.
Building secure backends and authentication with Prisma, PostgreSQL, and NextAuth.
Designing systems for order intake, digital contract signing, and license management.
Technologies I work with every day
A selection of projects I've designed and built
This very site — a one-page portfolio with cinematic motion, multilingual support, and a real client portal underneath.
Versioned contracts with client and admin digital signatures, finalized into a signed record.
Tracking status, expiry dates, and authorized domains for every license sold.
A fast, easy-to-manage corporate site custom-built on WordPress.
A fully right-to-left storefront landing page built for Persian-speaking shoppers.
A management dashboard for tracking orders, clients, and project status.
Dual-Android SMS and WebRTC audio call relay. Build repo.
Dual-Android SMS & WebRTC audio call relay. One APK, role picker, E2EE.
Vendrix — self-hosted commerce platform for fashion etail: storefront, POS, inventory, double-entry acconting, mobile app. Next.js · TypeScript · Prisma · PstgreSQL
Personal anime-style portfolio website built with Next.js
What I sell
Above was the work. These are the things I sell: a platform that installs on your own domain, and plugins for the WordPress site you already run.
Online sales, the in-store till, inventory and accounting in one system on one database. Which means stock and ledger can never disagree with each other.
Each one finishes a job you have been doing by hand until today. A one-time purchase, no new accounts, no monthly subscription.
A closer look at problem, solution, and result
Problem
Clients had no simple way to submit orders or track project progress.
Solution
Built a portal with registration, role-based auth, and an order submission flow.
Result
Clients now submit orders directly, without a single phone call.
Problem
Paper contracts were slow to sign and hard to version.
Solution
Designed a digital signature system with version history and PDF export.
Result
Contract turnaround dropped from days to minutes.
Problem
A plain, static page failed to hold a visitor's attention.
Solution
Built a layered, animated, story-driven experience with animejs.
Result
A memorable personal brand that reads as genuinely premium.
From idea to launch, step by step
Understanding your goals, audience, and constraints.
Structuring pages and user flows before writing code.
Building the interface with React and subtle motion.
Database, auth, and APIs with Prisma and PostgreSQL.
Checking performance, accessibility, and search visibility.
Going live, with support after delivery.
Notes on modern web development, motion, and user experience
An honest comparison of the three ways to launch a fashion e-commerce store — WooCommerce, rented store builders, and an integrated platform — through the lens of real cost, inventory and accounting.
Most dashboards are beautiful and useless. What I learned building the admin panel for a commerce platform — about ordering numbers, designing empty states, and making cards clickable.
Translating a site isn't the same as making it multilingual. Notes from running three locales on one domain with next-intl — and the four places Google is genuinely strict.
Good animation isn't seen, it's felt. A practical account of building motion-driven UI with Next.js, Motion and Anime.js — and, more importantly, where to stop yourself.
Let's turn your idea into a real web product.
Let's Connect
Follow along or reach out directly