MehranHatami

Frontend & Full-stack Developer crafting cinematic web experiences

0+Years learning & building
0+Technologies
0+Projects
0+Client-ready systems
Vendrix — Live Product, Not a Demo

Own your store outright. Launch this week, not next quarter.

Vendrix turns your store idea into a real business: a storefront, a full admin back-office, and a mobile app — all on your own domain, all under a license you actually own, backed by direct support from the person who built it.

  • Web + mobile included
  • Single-domain license
  • Seasonal theme packs
  • Updates & support

Plans start at $329/month

PanelFull
Mehran Hatami
Reliable
Detail-oriented
Creative
Technical

About Me

From an IT background to building cinematic web experiences

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.

Information Technology background

Built a solid foundation in networks, systems, and software through my IT studies.

Frontend development

Building fast, responsive, animated interfaces with React and Next.js.

Full-stack systems

Building secure backends and authentication with Prisma, PostgreSQL, and NextAuth.

Contract & license platforms

Designing systems for order intake, digital contract signing, and license management.

Skills

Technologies I work with every day

ReactBuilding modern component-based user interfaces
Next.jsFull-stack React framework with routing and SSR
Tailwind CSSUtility-first styling for fast and scalable UI development
TypeScriptSafer, maintainable, strongly typed JavaScript
JavaScriptCore language for dynamic and interactive web applications
WordPressFlexible CMS development and customization
PrismaType-safe ORM for modern database workflows
PostgreSQLReliable relational database design and querying
NextAuthAuthentication flows, sessions, and protected routes
HTMLSemantic structure for accessible web pages

Portfolio

A selection of projects I've designed and built

Cinematic Portfolio Platform

This very site — a one-page portfolio with cinematic motion, multilingual support, and a real client portal underneath.

Next.jsTypeScriptTailwind CSSanimejs
View Code

Contract & Digital Signature System

Versioned contracts with client and admin digital signatures, finalized into a signed record.

Next.jsPrismaPostgreSQLNextAuth
Demo coming soon

License Management Dashboard

Tracking status, expiry dates, and authorized domains for every license sold.

Next.jsPrismaPostgreSQL
Demo coming soon

Business Website

A fast, easy-to-manage corporate site custom-built on WordPress.

WordPressCSSJavaScript
Demo coming soon

RTL E-commerce Landing Page

A fully right-to-left storefront landing page built for Persian-speaking shoppers.

Next.jsTailwind CSSTypeScript
Demo coming soon

Admin Dashboard UI

A management dashboard for tracking orders, clients, and project status.

ReactNext.jsTailwind CSS
Demo coming soon

Latest on GitHub

View all repositories on GitHub

Featured Case Studies

A closer look at problem, solution, and result

Secure Client Portal

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.

Next.jsNextAuthPrismaPostgreSQL

Paperless Digital Contracts

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.

Next.jsPrismaDigital SignaturesPDF Export

A Cinematic Personal Brand

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.

Next.jsanimejsTailwind CSSnext-intl

What clients say

Feedback from people I've built products and stores for.

Verifying revalidatePath fires on create without a server restart.

L

Live Revalidate Author

Process

From idea to launch, step by step

Discovery

Understanding your goals, audience, and constraints.

UI/UX Planning

Structuring pages and user flows before writing code.

Frontend Development

Building the interface with React and subtle motion.

Backend/API

Database, auth, and APIs with Prisma and PostgreSQL.

Testing & SEO

Checking performance, accessibility, and search visibility.

Launch & Support

Going live, with support after delivery.

Client Portal Preview

Every order, tracked from submission to signed delivery

Register as client

Create your account in seconds.

Submit project order

Share your project scope, budget, and deadline.

Create contract

A formal contract is drafted from your order.

Sign contract digitally

E-sign directly from inside the portal.

Download PDF

Get the final signed copy of your contract.

Track project

Follow your project status in real time.

License management

Check your software license status and expiry.

A Product I Built

Beyond client work: a platform of its own

I designed and built a full commerce and license-management platform for clothing stores — seasonal theming, order intake, and Telegram-connected operations. Here's a closer look at what it does.

Blog

Notes on modern web development, motion, and user experience

Frontend Development

Building Cinematic Interfaces with Next.js and animejs

How to combine Next.js's server-first architecture with animejs to build motion-rich interfaces that stay fast, accessible, and SEO-friendly.

Next.jsAnime.jsMotion Design
4 min read
Read Article
SEO

Multilingual SEO in Next.js with next-intl

A practical guide to shipping a fully translated, search-engine-friendly site with next-intl — locale routing, hreflang tags, and RTL support included.

Next.jsnext-intlSEO
3 min read
Read Article
UI Engineering

Designing Modern Dashboards with Tailwind CSS and TypeScript

Patterns for building admin dashboards that stay maintainable at scale — typed data contracts, composable Tailwind primitives, semantic color, and a hard boundary between server state and UI state.

Tailwind CSSTypeScriptDashboards
6 min read
Read Article

Let's Connect

Follow along or reach out directly

Ready to build something premium?

Let's turn your idea into a real web product.