مهران حاتمی — توسعهدهندهی فولاستک وب
از طراحی دیتابیس و احراز هویت تا رابط کاربری و انیمیشن — کل مسیر را خودم مینویسم و تا بعد از تحویل پشتیبانی میکنم. آخرین محصولم یک پلتفرم فروشگاهی کامل است که همین حالا در حال فروش لایسنس است.
درباره من
من مهران حاتمی هستم؛ در رشته فناوری اطلاعات تحصیل کردهام و از همانجا عاشق دنیای وب و نرمافزار شدم. تمرکزم روی ساخت وباپلیکیشنهای مدرن، سریع، انیمیشندار و کاملاً ریسپانسیو است.
علاوه بر ظاهر، به سئو، عملکرد و تجربه کاربری هم دقت زیادی دارم؛ چون یک سایت زیبا وقتی ارزش دارد که سریع بارگذاری شود و در گوگل هم دیده شود.
پایههای شبکه، سیستم و نرمافزار را در رشته IT یاد گرفتم.
با React و Next.js رابطهای کاربری سریع، ریسپانسیو و انیمیشندار میسازم.
با Prisma، PostgreSQL و NextAuth، بکاند و احراز هویت امن میسازم.
سیستمهایی برای ثبت سفارش، امضای دیجیتال قرارداد و مدیریت لایسنس طراحی میکنم.
تکنولوژیهایی که هر روز باهاشان کار میکنم
بخشی از پروژههایی که طراحی و توسعه دادهام
همین سایت؛ یک پورتفولیوی تکصفحهای با انیمیشنهای سینمایی، چندزبانه و متصل به پنل مشتری واقعی.
مدیریت نسخههای قرارداد، امضای دیجیتال مشتری و ادمین، و تولید نسخه نهایی امضاشده.
پیگیری وضعیت، تاریخ انقضا و دامنههای مجاز برای هر لایسنس فروختهشده.
طراحی و سفارشیسازی یک وبسایت شرکتی سریع و قابلمدیریت روی وردپرس.
صفحه فرود فروشگاهی با چیدمان کامل راستبهچپ برای بازار فارسیزبان.
داشبورد مدیریتی برای رصد سفارشها، مشتریها و وضعیت پروژهها.
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
محصول من
نمونهکار نیست؛ نرمافزاری است که نوشتم، میفروشم و پشتیبانی میکنم. سایت فروش، صندوق حضوری، انبار رنگوسایز و حسابداری دوطرفه روی یک دیتابیس.
چند نمونه از مسئله، راهحل و نتیجه
مسئله
مشتریها راه سادهای برای ثبت سفارش و پیگیری پروژه نداشتند.
راهحل
پرتالی با ثبتنام، احراز هویت نقشمحور و فرم ثبت سفارش ساختم.
نتیجه
مشتریها حالا مستقیم و بدون تماس تلفنی سفارش ثبت میکنند.
مسئله
امضای قرارداد روی کاغذ کند بود و پیگیری نسخهها سخت.
راهحل
سیستم امضای دیجیتال با نسخهبندی و خروجی PDF طراحی کردم.
نتیجه
زمان بستن قرارداد از روزها به چند دقیقه رسید.
مسئله
یک صفحه ساده و ساکن، توجه بازدیدکننده را جلب نمیکرد.
راهحل
با animejs یک تجربه چندلایه، متحرک و روایتمحور ساختم.
نتیجه
یک برند شخصی بهیادماندنی که حس حرفهای بودن را منتقل میکند.
از ایده تا لانچ، قدمبهقدم
شنیدن هدف، مخاطب و محدودیتهای پروژه.
طراحی ساختار صفحات و تجربه کاربری پیش از کدنویسی.
پیادهسازی رابط کاربری با React و انیمیشنهای ظریف.
دیتابیس، احراز هویت و API با Prisma و PostgreSQL.
بررسی عملکرد، دسترسپذیری و بهینهسازی برای گوگل.
انتشار نهایی و پشتیبانی پس از تحویل پروژه.
یادداشتهایی درباره توسعه وب مدرن، انیمیشن و تجربه کاربری
مقایسه صادقانه سه مسیر راهاندازی فروشگاه اینترنتی پوشاک — ووکامرس، فروشگاهسازهای اجارهای و پلتفرم یکپارچه — از نگاه هزینه واقعی، انبار و حسابداری.
بیشتر داشبوردها زیبا هستند و بیفایده. آنچه از ساختن پنل مدیریت یک پلتفرم فروش یاد گرفتم — دربارهی اولویت اعداد، حالتهای خالی، و کارتهایی که باید کلیکپذیر باشند.
ترجمه کردن یک سایت، چندزبانه کردنش نیست. تجربهی راهاندازی سه زبان روی یک دامنه با next-intl — و چهار جایی که گوگل واقعاً سختگیر است.
انیمیشن خوب دیده نمیشود، حس میشود. تجربهی عملی ساختن رابطهای متحرک با Next.js، Motion و Anime.js — و مهمتر از آن، جایی که باید جلوی خودت را بگیری.
بیایید ایدهتان را به یک محصول وب واقعی تبدیل کنیم.
بیایید در ارتباط باشیم
من را در شبکههای اجتماعی دنبال کن یا مستقیم پیام بده