آماده همکاری در حوزه فرانتاند
امین خدام · توسعهدهنده فرانتاندرابطهایی میسازم که ساده و روان به نظر میرسند و در محیط واقعی دوام میآورند.
توسعهدهنده فرانتاند با سه سال تجربه در ساخت محصولات React و Next.js. برایم دیزاینسیستم، وضعیت type-safe، جریانهای در دسترس و رابطهایی مهم است که در فارسی و انگلیسی به یک اندازه درست کار کنند.
موجودی کیف پول
نمونه زنده در همین سایت
- تاریخچه تراکنشها
- —
- دانلود رزومه
- ۱۰٬۰۰۰ تومان
افزایش موجودی، برداشت و پرداخت — همه روی همین مرورگر ذخیره میشوند.
باز کردن کیف پول- ۳+
- سال تجربه
- ۱۸
- قابلیت تحویلشده
- ۲
- زبان راستچین و چپچین
- ۹۸
- امتیاز Lighthouse
مهندسی فرانتاند با نگاه محصولی
نیازمندی محصول را به رابطی تبدیل میکنم که سریع، در دسترس و قابل نگهداری باشد — و تصمیمهای پشت آن را مستند میکنم.
سه سال گذشته روی محصولات وبی کار کردهام که مستقیماً دست کاربر است: داشبوردهای فینتک، جریانهای رزرو و ابزارهای داخلی. بیشتر این کارها با React و Next.js و TypeScript بوده و بیشتر ارزش آن از درست انجامدادن پایهها میآید: وضعیتی که قابل پیشبینی باشد، فرمهایی که کنار کاربر اعتبارسنجی شوند و چیدمانی که با محتوای واقعی هم نشکند.
دوست دارم دیزاینسیستم را از ابتدا تا انتها به عهده بگیرم: توکنها، کامپوننتها، قواعد انیمیشن و مستنداتی که نمیگذارد تیم پنجمین استایل دکمه را اختراع کند. وقتی سیستم محکم باشد، ساخت قابلیت جدید بهجای حفاری، سرهمکردن است.
چون برای کاربران فارسیزبان محصول میسازم، راستچین بودن برایم یک نیازمندی درجهیک است نه وصلهای در آخر کار: چیدمان آینهای درست، قالببندی محلی اعداد و مبالغ، و متنی که در فایل ترجمه زندگی میکند نه داخل کامپوننت.
دیزاینسیستم
رابط مبتنی بر توکن با یک منبع حقیقت برای رنگ، فاصله، گردی و سایه.
کارایی
سرور کامپوننت بهصورت پیشفرض، تقسیم کد در جای درست و باندل سبک سمت کلاینت.
دسترسپذیری و راستچین
کامپوننتهای کاملاً قابل استفاده با صفحهکلید، حالت فوکوس واضح و چیدمانی که درست آینه میشود.
تست و تجربه توسعه
منطق دامنه خالص زیر تست واحد، TypeScript سختگیر و لینتی که در CI اجرا میشود.
ابزارهایی که با آنها کار میکنم
همان چیزهایی که هر روز استفاده میکنم — و همین سایت و کیف پولش با آنها ساخته شده است.
پایه
شالوده هر پروژهای که تحویل میدهم.
- 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
سه سال
جاهایی که کار کردهام و کاری که واقعاً آنجا تحویل دادهام.
توسعهدهنده فرانتاند · پارس آزمای طب
اردیبهشت ۱۴۰۲ — اکنون
روی پروژههای مختلف با مسئولیت کامل بخش فرانتاند کار کردم.
- بهبود 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
نمونهکارهای منتخب
چند پروژه که نشان میدهد کد فرانتاند را چطور ساختاردهی میکنم. جزئیات فعلاً نمونه است.
نمونه کیف پول و پرداخت
منتخبهمین نمونه فینتک داخل سایت: موجودی، شیتهای افزایش موجودی و برداشت با اعتبارسنجی، درگاه شبیهسازیشده و تاریخچه تراکنش ماندگار.
نقش: طراحی و پیادهسازی
- Next.js
- Zustand
- Zod
- Framer Motion
- vaul
کنسول فروش سنا
کنسول سفارش B2B با جدولهای سمت سرور، فیلترهای ذخیرهشده و عملیات گروهی. کش کوئری، جابهجایی را فوری نگه میدارد بدون آنکه داده کهنه نشان دهد.
نقش: توسعهدهنده فرانتاند
- React
- TanStack Query
- TypeScript
- Tailwind CSS
دیزاینسیستم اطلس
کتابخانه کامپوننت داخلی با توکنهای طراحی، پایههای آگاه به راستچین و قواعد مستند انیمیشن، مورد استفاده چند تیم محصول.
نقش: نگهدارنده
- React
- Radix UI
- Tailwind CSS
- Storybook
بیایید چیزی بسازیم
برای موقعیتهای فرانتاند و پروژههای فریلنس متمرکز آمادهام. سریعترین راه ارتباط، ایمیل است.
- تلفن
- +98 910 459 0384
- موقعیت
- تهران، ایران
- وضعیت
- آماده بررسی فرصتهای جدید