توسعه‌دهنده‌ی فرانت‌اند از همدان؛ دوست دارم ایده‌ها را به چیزی تبدیل کنم که بشه واقعاً دید و باهاش کار کرد.
اول، قهوه.
معمولاً شروع هر پروژه برای من خیلی پیچیده نیست؛ یک ایده، کمی فکر کردن و احتمالاً یک فنجان قهوه.
بعد، کد.
از اینجا به بعد، شروع می‌کنم به ساختن. بعضی چیزها درست پیش می‌رن، بعضی‌ها هم نه. آخرش هم چیزی می‌مونه که میشه دوباره نگاهش کرد و بهترش کرد.
عکس‌ها · ۱ / ۷
درباره‌ی من
من متین موفقم.
توسعه‌دهنده‌ی فرانت‌اندم و قبل از اینکه وارد دنیای وب بشم، مهندسی برق خوندم.
همیشه بیشتر از اینکه صرفاً کار کردن با یک ابزار برام جذاب باشه، ساختن چیزی که نتیجه‌اش جلوی چشمم باشه رو دوست دارم.
این علاقه کم‌کم من رو از مدار و سخت‌افزار به سمت کد و رابط کاربری آورد.
در کنار برنامه‌نویسی، مدتی در یک محیط صنعتی و فنی هم کار کردم. اونجا یاد گرفتم وقتی چیزی درست کار نمی‌کنه، باید کمی بیشتر از حدس اول جلو رفت و دنبال علت واقعی گشت.
حالا بخش زیادی از همون نگاه رو در کارم با کد استفاده می‌کنم.
ابزارهایی که باهاشون کار می‌کنم
- JavaScript
- React
- Git & GitHub
- Vite
- Tailwind
بخشی از نمونه‌کارهای من
روی یک پروژه بزن ↑
Trading CRM
پیش‌نمایش زنده ↗یه CRM برای یه شرکت بازرگانیه که مشتری‌ها و بخش‌های مختلفش رو یه‌جا مدیریت می‌کنه. کاربر و نقش و دسترسی داره، داشبورد و نمودار داره و میشه ازش Excel گرفت.
چالش اصلیش این بود که صفحه و نقش زیاد داشت و هر کسی باید فقط چیزی رو ببینه که حقشه ببینه. کلی طول کشید تا state و دسترسی‌ها رو مرتب بچینم که با بزرگ‌شدن پروژه شلوغ نشه.
اینجا بود که React برام از «چیزی که یاد گرفتم» شد چیزی که باهاش واقعاً یه محصول ساختم.
GameZone 3D
پیش‌نمایش زنده ↗قالب آماده‌ی سایت برای گیم‌نت‌ها و گیم‌کافه‌هاست و میشه خریدش. به‌جای یه سایت معمولی، خود گیم‌نت رو سه‌بعدی ساختم: یه اتاق گیمینگ با میز و صندلی و پوسترها، «PRESS START» رو می‌زنی و سایت از همون‌جا شروع میشه.
سخت‌ترین بخشش این بود که صحنه‌ی سه‌بعدی هم خوشگل دربیاد هم روی گوشی معمولی نکشه. کلی وقت گذاشتم رو سبک‌کردن مدل‌ها و نور تا بدون لگ بالا بیاد.
یه گیم‌نت باهاش از بقیه جدا میشه و مشتری یادش می‌مونه.
OtaghBazi
پیش‌نمایش زنده ↗سایت یه اتاق بازی و مشاوره‌ی کودک تو همدانه. خدمات، مقاله‌ها، نظر خانواده‌ها، ساعت کاری و نقشه رو داره و بابا مامان‌ها از همون‌جا می‌تونن وقت بگیرن.
چالشش این بود که سایت گرم و بچه‌پسند باشه ولی شبیه سایت کارتونی نشه، چون پشتش یه روان‌شناسه و باید جدی و قابل‌اعتماد هم به نظر بیاد. رنگ‌ها و فاصله‌ها رو کلی جابه‌جا کردم تا به این تعادل برسه.
فرم رزرو رو هم گذاشتم که خانواده‌ها بدون تماس هم بتونن درخواست وقت بدن.
Pasargad 3D
پیش‌نمایش زنده ↗یه گشت سه‌بعدی تو پاسارگاده: آرامگاه کوروش، کاخ‌ها و باغ شاهی. می‌تونی با راهنما بری یا آزاد بچرخی، وسط راه روایت تاریخی پخش میشه و بین «روزگار کوروش» و «امروز» جابه‌جا می‌شی تا ببینی چی مونده.
دو تا چالش داشت: مدل آرامگاه کوروش رو تو Blender باید جوری می‌ساختم که هم شبیه باشه هم سنگین نشه، و صحنه باید رو گوشی هم روون می‌موند. واسه همین گزینه‌ی کیفیت گذاشتم.
بازسازی خیالیه و به منابعی مثل UNESCO تکیه داره.
بازی‌های آموزشی
پیش‌نمایش زنده ↗دو تا بازی آموزشی ساختم. «کافه فلکس» که یه روز کاری تو کافه‌ست و Flexbox رو توش یاد می‌گیری، و «نگهبان خط زمان» که تو نقش مأمور یه سازمان Git و GitHub رو یاد می‌گیری.
چالشش این بود که بازی باشه، نه جزوه. جوابی که کاربر می‌نویسه، چه کد CSS چه دستور Git، باید خودش چک می‌شد و جواب غلط هم سرنخ می‌داد، نه فقط «اشتباهه».
هر دو آنلاین بازی می‌شن، بدون نصب.