مهرانحاتمی

توسعه‌دهنده فرانت‌اند، متخصص ساخت تجربه‌های وب مدرن و تعاملی

0+سال یادگیری و ساخت
0+تکنولوژی
0+پروژه
0+سیستم آماده مشتری
وندریکس (Vendrix) — محصولی که خودم می‌سازم و پشتش می‌ایستم

یک فروشگاه واقعی که همین امروز مال شماست، نه یک دمو که بعداً باید دنبالش بگردید

وندریکس فروشگاهی که می‌سازید را از یک ایده به یک کسب‌وکار واقعی تبدیل می‌کند: فروشگاه آنلاین، بک‌آفیس مدیریتی کامل و اپلیکیشن موبایل، همه روی دامنه خودتان و با پشتیبانی مستقیم من. همان کسی که آن را ساخته، کنار شما می‌ماند.

  • شامل وب و موبایل
  • لایسنس تک‌دامنه
  • پک‌های تم فصلی
  • پشتیبانی و به‌روزرسانی

پلن‌ها از ۱۲٬۹۰۰٬۰۰۰ تومان در ماه شروع می‌شوند

PanelFull
Mehran Hatami
قابل‌اعتماد
دقیق و جزئی‌نگر
خلاق
فنی و به‌روز

درباره من

از علاقه به فناوری اطلاعات تا ساخت تجربه‌های وب سینمایی

من مهران حاتمی هستم؛ در رشته فناوری اطلاعات تحصیل کرده‌ام و از همان‌جا عاشق دنیای وب و نرم‌افزار شدم. تمرکزم روی ساخت وب‌اپلیکیشن‌های مدرن، سریع، انیمیشن‌دار و کاملاً ریسپانسیو است.

علاوه بر ظاهر، به سئو، عملکرد و تجربه کاربری هم دقت زیادی دارم؛ چون یک سایت زیبا وقتی ارزش دارد که سریع بارگذاری شود و در گوگل هم دیده شود.

پیشینه فناوری اطلاعات

پایه‌های شبکه، سیستم و نرم‌افزار را در رشته IT یاد گرفتم.

توسعه فرانت‌اند

با React و Next.js رابط‌های کاربری سریع، ریسپانسیو و انیمیشن‌دار می‌سازم.

سیستم‌های فول‌استک

با Prisma، PostgreSQL و NextAuth، بک‌اند و احراز هویت امن می‌سازم.

پلتفرم قرارداد و لایسنس

سیستم‌هایی برای ثبت سفارش، امضای دیجیتال قرارداد و مدیریت لایسنس طراحی می‌کنم.

مهارت‌ها

تکنولوژی‌هایی که هر روز باهاشان کار می‌کنم

Reactساخت رابط‌های کاربری مدرن و کامپوننت‌محور
Next.jsفریم‌ورک فول‌استک React با روتینگ و SSR
Tailwind CSSاستایل‌دهی یوتیلیتی‌محور برای توسعه سریع و مقیاس‌پذیر UI
TypeScriptجاوااسکریپت تایپ‌دار، امن‌تر و قابل‌نگهداری
JavaScriptزبان اصلی برای اپلیکیشن‌های وب پویا و تعاملی
WordPressتوسعه و سفارشی‌سازی انعطاف‌پذیر CMS
PrismaORM تایپ‌سیف برای ورک‌فلوهای مدرن دیتابیس
PostgreSQLطراحی و کوئری‌نویسی مطمئن دیتابیس رابطه‌ای
NextAuthجریان‌های احراز هویت، نشست‌ها و مسیرهای محافظت‌شده
HTMLساختار معنایی برای صفحات وب قابل‌دسترس

نمونه‌کارها

بخشی از پروژه‌هایی که طراحی و توسعه داده‌ام

پلتفرم پورتفولیوی سینمایی

همین سایت؛ یک پورتفولیوی تک‌صفحه‌ای با انیمیشن‌های سینمایی، چندزبانه و متصل به پنل مشتری واقعی.

Next.jsTypeScriptTailwind CSSanimejs
مشاهده کد

سیستم قرارداد و امضای دیجیتال

مدیریت نسخه‌های قرارداد، امضای دیجیتال مشتری و ادمین، و تولید نسخه نهایی امضاشده.

Next.jsPrismaPostgreSQLNextAuth
دمو به‌زودی

داشبورد مدیریت لایسنس

پیگیری وضعیت، تاریخ انقضا و دامنه‌های مجاز برای هر لایسنس فروخته‌شده.

Next.jsPrismaPostgreSQL
دمو به‌زودی

وب‌سایت کسب‌وکاری

طراحی و سفارشی‌سازی یک وب‌سایت شرکتی سریع و قابل‌مدیریت روی وردپرس.

WordPressCSSJavaScript
دمو به‌زودی

لندینگ فروشگاهی راست‌چین

صفحه فرود فروشگاهی با چیدمان کامل راست‌به‌چپ برای بازار فارسی‌زبان.

Next.jsTailwind CSSTypeScript
دمو به‌زودی

رابط کاربری داشبورد ادمین

داشبورد مدیریتی برای رصد سفارش‌ها، مشتری‌ها و وضعیت پروژه‌ها.

ReactNext.jsTailwind CSS
دمو به‌زودی

به‌روزرسانی‌های اخیر در گیت‌هاب

مشاهده همه مخازن در گیت‌هاب

مطالعات موردی

چند نمونه از مسئله، راه‌حل و نتیجه

پرتال مشتری با ورود امن

مسئله

مشتری‌ها راه ساده‌ای برای ثبت سفارش و پیگیری پروژه نداشتند.

راه‌حل

پرتالی با ثبت‌نام، احراز هویت نقش‌محور و فرم ثبت سفارش ساختم.

نتیجه

مشتری‌ها حالا مستقیم و بدون تماس تلفنی سفارش ثبت می‌کنند.

Next.jsNextAuthPrismaPostgreSQL

قرارداد دیجیتال بدون کاغذ

مسئله

امضای قرارداد روی کاغذ کند بود و پیگیری نسخه‌ها سخت.

راه‌حل

سیستم امضای دیجیتال با نسخه‌بندی و خروجی PDF طراحی کردم.

نتیجه

زمان بستن قرارداد از روزها به چند دقیقه رسید.

Next.jsPrismaDigital SignaturesPDF Export

برند شخصی سینمایی

مسئله

یک صفحه ساده و ساکن، توجه بازدیدکننده را جلب نمی‌کرد.

راه‌حل

با animejs یک تجربه چندلایه، متحرک و روایت‌محور ساختم.

نتیجه

یک برند شخصی به‌یادماندنی که حس حرفه‌ای بودن را منتقل می‌کند.

Next.jsanimejsTailwind CSSnext-intl

نظر مشتریان

بازخورد افرادی که برایشان محصول و فروشگاه ساخته‌ام.

Verifying revalidatePath fires on create without a server restart.

L

Live Revalidate Author

فرآیند کار

از ایده تا لانچ، قدم‌به‌قدم

کشف نیاز

شنیدن هدف، مخاطب و محدودیت‌های پروژه.

طراحی UI/UX

طراحی ساختار صفحات و تجربه کاربری پیش از کدنویسی.

توسعه فرانت‌اند

پیاده‌سازی رابط کاربری با React و انیمیشن‌های ظریف.

بک‌اند و API

دیتابیس، احراز هویت و API با Prisma و PostgreSQL.

تست و سئو

بررسی عملکرد، دسترس‌پذیری و بهینه‌سازی برای گوگل.

لانچ و پشتیبانی

انتشار نهایی و پشتیبانی پس از تحویل پروژه.

پیش‌نمایش پرتال مشتری

هر سفارش از ثبت تا امضا و تحویل، همه‌جا قابل پیگیری

ثبت‌نام مشتری

ساخت حساب کاربری در چند ثانیه.

ثبت سفارش پروژه

توضیح پروژه، بودجه و مهلت تحویل را ارسال کن.

تنظیم قرارداد

قرارداد رسمی بر اساس سفارش تنظیم می‌شود.

امضای دیجیتال

امضای الکترونیک مستقیم از داخل پنل.

دانلود PDF

دریافت نسخه نهایی امضاشده قرارداد.

پیگیری پروژه

وضعیت پروژه را لحظه‌به‌لحظه دنبال کن.

مدیریت لایسنس

بررسی وضعیت و تاریخ انقضای لایسنس نرم‌افزار.

محصولی که ساختم

فراتر از پروژه‌های فریلنس: پلتفرمی مستقل

من یک پلتفرم کامل فروش و مدیریت لایسنس برای فروشگاه‌های پوشاک طراحی و توسعه داده‌ام؛ با قالب‌های فصلی، ثبت سفارش و عملیاتی متصل به تلگرام. نگاهی دقیق‌تر به امکانات آن بیندازید.

وبلاگ

یادداشت‌هایی درباره توسعه وب مدرن، انیمیشن و تجربه کاربری

توسعه فرانت‌اند

ساخت رابط‌های سینمایی با Next.js و animejs

چطور معماری سرورمحور Next.js را با animejs ترکیب کنیم تا رابط‌هایی متحرک بسازیم که همچنان سریع، قابل‌دسترس و سئو-فرندلی باقی می‌مانند.

Next.jsAnime.jsMotion Design
4 دقیقه مطالعه
مطالعه مقاله
سئو

سئوی چندزبانه در Next.js با next-intl

راهنمای عملی برای ساخت سایتی کاملاً چندزبانه و سئو-فرندلی با next-intl — شامل روتینگ زبان، تگ‌های hreflang و پشتیبانی از راست‌به‌چپ.

Next.jsnext-intlSEO
3 دقیقه مطالعه
مطالعه مقاله
مهندسی رابط کاربری

طراحی داشبوردهای مدرن با Tailwind CSS و TypeScript

الگوهایی برای ساخت داشبوردهای مدیریتی که در مقیاس بزرگ هم قابل‌نگهداری بمانند — قراردادهای تایپ‌شده داده، کامپوننت‌های ترکیب‌پذیر، رنگ معنایی، و مرز روشن بین state سرور و رابط کاربری.

Tailwind CSSTypeScriptDashboards
6 دقیقه مطالعه
مطالعه مقاله

بیایید در ارتباط باشیم

من را در شبکه‌های اجتماعی دنبال کن یا مستقیم پیام بده

آماده ساخت چیزی حرفه‌ای هستید؟

بیایید ایده‌تان را به یک محصول وب واقعی تبدیل کنیم.