رفتن به محتوای اصلی

آماده همکاری در حوزه فرانت‌اند

امین خدام · توسعه‌دهنده فرانت‌اندرابط‌هایی می‌سازم که ساده و روان به نظر می‌رسند و در محیط واقعی دوام می‌آورند.

توسعه‌دهنده فرانت‌اند با سه سال تجربه در ساخت محصولات React و Next.js. برایم دیزاین‌سیستم، وضعیت type-safe، جریان‌های در دسترس و رابط‌هایی مهم است که در فارسی و انگلیسی به یک اندازه درست کار کنند.

کار باReactNext.jsTypeScriptTailwind CSSZustand
amin@dev:~$

$whoami

Frontend Developer

$cat focus.txt

React · Next.js · TypeScript · Design Systems

$echo $EXPERIENCE

3+ years shipping React & Next.js products

$npm run build

compiled successfully ✓

$_

۳+
سال تجربه
۱۸
قابلیت تحویل‌شده
۲
زبان راست‌چین و چپ‌چین
۹۸
امتیاز Lighthouse
01درباره من

مهندسی فرانت‌اند با نگاه محصولی

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

سه سال گذشته روی محصولات وبی کار کرده‌ام که مستقیماً دست کاربر است: داشبوردهای فین‌تک، جریان‌های رزرو و ابزارهای داخلی. بیشتر این کارها با React و Next.js و TypeScript بوده و بیشتر ارزش آن از درست انجام‌دادن پایه‌ها می‌آید: وضعیتی که قابل پیش‌بینی باشد، فرم‌هایی که کنار کاربر اعتبارسنجی شوند و چیدمانی که با محتوای واقعی هم نشکند.

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

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

دیزاین‌سیستم

رابط مبتنی بر توکن با یک منبع حقیقت برای رنگ، فاصله، گردی و سایه.

کارایی

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

دسترس‌پذیری و راست‌چین

کامپوننت‌های کاملاً قابل استفاده با صفحه‌کلید، حالت فوکوس واضح و چیدمانی که درست آینه می‌شود.

تست و تجربه توسعه

منطق دامنه خالص زیر تست واحد، TypeScript سخت‌گیر و لینتی که در CI اجرا می‌شود.

02مهارت‌ها

ابزارهایی که با آن‌ها کار می‌کنم

همان چیزهایی که هر روز استفاده می‌کنم — و همین سایت و کیف پولش با آن‌ها ساخته شده است.

پایه

شالوده هر پروژه‌ای که تحویل می‌دهم.

  • React
  • Next.js
  • TypeScript
  • JavaScript

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

کتابخانه کامپوننت، استایل و انیمیشن هدفمند.

  • Tailwind CSS
  • shadcn/ui
  • Radix UI
  • Framer Motion
  • RTL layouts

وضعیت و داده

وضعیت قابل پیش‌بینی، فرم type-safe و داده سمت سرور.

  • Zustand
  • TanStack Query
  • React Hook Form
  • Zod
  • Axios

کیفیت

حفاظ‌هایی که کدبیس را در طول زمان سالم نگه می‌دارند.

  • Vitest
  • ESLint
  • Prettier
  • Clean architecture

تحویل

رساندن کار از یک برنچ تا محیط عملیاتی.

  • Docker
  • GitHub Actions
  • Web performance
  • Accessibility
03تجربه‌ها

سه سال

جاهایی که کار کرده‌ام و کاری که واقعاً آنجا تحویل داده‌ام.

  1. توسعه‌دهنده فرانت‌اند · پارس آزمای طب

    اردیبهشت ۱۴۰۲ — اکنون

    روی پروژه‌های مختلف با مسئولیت کامل بخش فرانت‌اند کار کردم.

    • بهبود Performance در Lighthouse از 76 به 98 با رفع مشکلات LCP و TBT.
    • کاهش حجم انتقال صفحات از ۲.۸ مگابایت به ۱.۹ مگابایت با استفاده از Code Splitting، بهینه‌سازی تصاویر و کش API.
    • توسعه رابط چت مبتنی بر هوش مصنوعی برای جست‌وجو و یافتن محصولات مرتبط.
    • توسعه لایه API قابل استفاده مجدد با Axios، React Query و Custom Hooks و کاهش کدهای تکراری.
    • پیاده‌سازی سیستم چت و تیکتینگ بلادرنگ با WebSocket، شامل ارسال فایل و اعلان‌ها.
    • بهینه‌سازی SEO و عملکرد صفحات با استفاده از Next.js App Router، SSR، SSG و ISR.
    • همکاری با تیم‌های Backend، QA و Design و مشارکت در Code Review.
    • Next.js
    • TypeScript
    • Zustand
    • React Hook Form
    • Zod
04پروژه‌ها

نمونه‌کارهای منتخب

چند پروژه که نشان می‌دهد کد فرانت‌اند را چطور ساختاردهی می‌کنم. جزئیات فعلاً نمونه است.

نمونه کیف پول و پرداخت

منتخب

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

نقش: طراحی و پیاده‌سازی

  • Next.js
  • Zustand
  • Zod
  • Framer Motion
  • vaul

کنسول فروش سنا

کنسول سفارش B2B با جدول‌های سمت سرور، فیلترهای ذخیره‌شده و عملیات گروهی. کش کوئری، جابه‌جایی را فوری نگه می‌دارد بدون آنکه داده کهنه نشان دهد.

نقش: توسعه‌دهنده فرانت‌اند

  • React
  • TanStack Query
  • TypeScript
  • Tailwind CSS

نوبت‌دهی کلینیک مهر

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

نقش: توسعه‌دهنده فرانت‌اند

  • Next.js
  • React Hook Form
  • Zod
  • PWA

دیزاین‌سیستم اطلس

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

نقش: نگهدارنده

  • React
  • Radix UI
  • Tailwind CSS
  • Storybook
05تماس

بیایید چیزی بسازیم

برای موقعیت‌های فرانت‌اند و پروژه‌های فریلنس متمرکز آماده‌ام. سریع‌ترین راه ارتباط، ایمیل است.

موقعیت
تهران، ایران
وضعیت
آماده بررسی فرصت‌های جدید