بیش از ۵ سال است که در طراحی، توسعه، بازطراحی و بهینهسازی سامانههای واقعی کار میکنم؛ از BPMS و workflow platform گرفته تا پورتالهای ویدیویی، PWA، داشبوردهای سازمانی، CRM و اپلیکیشنهای موبایل. نقطه قوت من ترکیب مهارت فنی با نگاه محصولی است: معماری تمیز، performance قابل اندازهگیری، UI قابل اعتماد، تجربه کاربری قابل فهم و همکاری نزدیک با تیمهای product، design و backend.
aliamraei.aa@gmail.com
من معمولاً در محصولهایی کار کردهام که فرانتاند در آنها فقط چند صفحه ساده نیست؛ بلکه بخش مهمی از منطق محصول، تجربه کاربر، workflow، data fetching، authorization، فرمهای پیچیده، performance و نگهداشت بلندمدت روی دوش فرانتاند است.
در چنین محصولهایی، تصمیمهای کوچک فنی میتوانند روی سرعت توسعه، کیفیت خروجی، تجربه کاربر و هزینه نگهداشت اثر جدی بگذارند. به همین دلیل سعی میکنم در کنار توسعه فیچر، به معماری، naming، component boundaries، state management، rendering strategy، accessibility، responsive behavior و developer experience هم توجه کنم.
هر پروژه با مسئله، نقش من و خروجی فنی خلاصه شده تا فقط یک لیست تکنولوژی نباشد.
روی یک BPMS چندزبانه legacy نوشتهشده با AngularJS کار کردم که نیاز جدی به بهینهسازی داشت؛ سپس در طراحی و بازنویسی کامل آن از صفر با معماری مدرن NX Monorepo نقش اصلی داشتم.
پروژه سازمانی — Samim Engineering Group
معماری و توسعه یک پلتفرم سازمانی برای انتشار و پخش ویدیو با پشتیبانی از VOD، UGC و Reels. پیادهسازی SSR/ISR/SSG/CSR، لایه BFF، پخش تطبیقی با Video.js، چندزبانگی و چندتمی بودن، و استقرار Dockerized.
پروژه سازمانی — Samim Engineering Group
توسعه و نگهداشت چند اپلیکیشن سازمانی برای ایرانسل. Refactor فرانتاند BOSS برای بهبود نگهداشتپذیری و performance، پیادهسازی تست E2E با Cypress و بهینهسازی Webpack برای کاهش زمان build.
پروژه سازمانی — RashaSoft (برای ایرانسل)
توسعه پلاگینها و کامپوننتهای سفارشی برای Form.io و FormJS؛ شامل calendar، chart و diagram برای استفاده در فرمسازهای سازمانی و workflowهای پیچیده.
پروژه سازمانی — Samim Engineering Group
Latest Posts
تجربههای فنی از پروژههای واقعی — بهینهسازی، معماری، ابزارها و درسهایی که در عمل یاد گرفتم.
توی این پست یاد میگیریم علامتهای ^ و ~ توی نسخهگذاری npm دقیقاً چه کاری انجام میدن و npm install چطور باهاشون رفتار میکنه.
خواندن نوشته ←در این مقاله یک مشکل رایج Memory Leak در Webpack هنگام استفاده از contenthash در محیط توسعه بررسی میشود و راهحل عملی ارائه میدهیم.
خواندن نوشته ←مقدمهای سریع بر نسخهبندی معنایی چیه و چرا ازش استفاده میکنیم.
خواندن نوشته ←Senior Frontend Engineer
بازنویسی کامل یک BPMS legacy مبتنی بر AngularJS به معماری مدرن React/NX، توسعه پورتال ویدیویی سازمانی و پلاگینهای فرمساز.
Frontend Developer (Part-time)
توسعه پروژهای پارهوقت روی پلتفرم سازمانی BOSS؛ رفع بدهی فنی، ارتقای PWA و بهروزرسانی زیرساخت فرانتاند.
Frontend Developer
توسعه و نگهداشت اپلیکیشنهای سازمانی برای ایرانسل (BOSS، mySME، PRM، Customer Portal، Cartable) با React، Next.js و TypeScript.
Frontend Developer
پیوستن به تیم توسعه و مشارکت در ساخت سه اپلیکیشن موبایل بههممرتبط (Factory، Driver، Customer) با React Native و یک سیستم CRM با React.
ترجیح میدهم performance، rendering strategy، bundle و data fetching از ابتدا درست طراحی شوند.
کدی که بعداً تیم بتواند با اطمینان آن را تغییر دهد؛ با ساختار روشن، componentهای هدفمند و naming قابل فهم.
فرانتاند باید مسئله محصول، نیاز کاربر، محدودیت backend و تجربه نهایی را همزمان ببیند.
Code review، mentoring و استانداردسازی باعث میشود تیم سریعتر، سالمتر و قابل اعتمادتر توسعه دهد.
اگر سوال فنی دارید، یا صرفاً دوست دارید درباره چالشهای توسعه صحبت کنیم، از طریق ایمیل یا لینکدین با من در ارتباط باشید. رزومه کامل هم در دسترس است.