Ramin Maghsoodi

این پروژه یک وب‌اپلیکیشن مدیریتی برای کلینیک بوده که با هدف مدیریت نوبت‌ها، پرونده بیماران، پزشکان و فرآیندهای داخلی طراحی شده است. در این پروژه به عنوان Front-End Developer با استفاده از React.js، Redux Toolkit و Material UI رابط کاربری را بر اساس طراحی‌های Figma به صورت کاملاً پیکسل‌پرفکت توسعه داده‌ام.

مسئولیت‌های من در این پروژه:
1- پیاده‌سازی کامل طراحی‌های Figma به صفحات واکنش‌گرا با استانداردهای UX/UI
2- توسعه کامپوننت‌های ماژولار و قابل‌استفاده مجدد (فرم‌ها، جدول‌ها، کارت‌ها، دیالوگ‌ها و…)
3- مدیریت وضعیت برنامه با Redux Toolkit
4- اتصال و یکپارچه‌سازی کامل با APIهای بک‌اند ( REST, API Axios) برای مدیریت نوبت‌ها، پزشکان و اطلاعات بیماران
5- پیاده‌سازی رفتارهای پیچیده در صفحات داینامیک مانند فیلتر، جستجو، Pagination و State Management
6- همکاری نزدیک با تیم بک‌اند ( پایتون ) برای رفع مشکلات و بهبود جریان داده‌ها

Gitlab : https://gitlab.com/publicproject1735748/healthcare

این پروژه نسخه کاربری (Patient-side) سامانه کلینیک است که بیماران از طریق آن می‌توانند نوبت رزرو کنند، پروفایل خود را مدیریت کنند، اطلاعات پزشکی را مشاهده کنند و با کلینیک تعامل داشته باشند. نقش من در این پروژه نیز توسعه کامل فرانت‌اند با React بوده است.

مسئولیت‌های من:
1- توسعه رابط کاربری مطابق طراحی‌های Figma با React.js و Material UI
2- ایجاد صفحات کلیدی شامل: ثبت‌نام/ورود، داشبورد بیمار، لیست نوبت‌ها، پروفایل کاربری، بخش اطلاعات پزشکی
3- مدیریت State با Redux Toolkit و کنترل جریان داده‌ها بین صفحات
4- یکپارچه‌سازی کامل APIها با Axios و REST API و Swager و مدیریت خطا، لودینگ و پاسخ‌ها
5- بهینه‌سازی تجربه کاربری در موبایل و دسکتاپ و پیاده‌سازی رفتار کاملاً Responsive
6- توسعه فرم‌های داینامیک و اعتبارسنجی سمت کلاینت

ان پروژه در همان راستای پروژه قبلی و همزمان با هم هم بخش بیمار و هم خود کلینیک اجرا شده است

Gitlab : https://gitlab.com/publicproject1735748/patient

پروژه "باشگاه سرمایه گذاری ایران" به عنوان توسعه یافته است یک PWA (برنامه وب پیشرو) با استفاده از React.js
کتابخانه برای هر دو سیستم عامل اندروید و iOS.برای تسهیل فعالیت های سرمایه گذاری در داخل ایران طراحی شده است
تکنولوژی های مورد استافده در این پروژه شامل : Formic، Material UI5، Axios، react-cookie، i18Next، react-router-dom و موارد دیگری هستند

مسئولیت‌های من در این پروژه:
1- پیاده‌سازی کامل طراحی‌های Figma به صفحات واکنش‌گرا با استانداردهای UX/UI طراحی شده در فیگما
2- توسعه کامپوننت‌های ماژولار و قابل‌استفاده مجدد (فرم‌ها، جدول‌ها، کارت‌ها، دیالوگ‌ها و…)
3- همکاری و ارئه نظر در مورد طراحی اجرا شده با تیم مدیریتی سایت
4- اتصال و یکپارچه‌سازی کامل با APIهای بک‌اند ( REST, API Axios)
5- همکاری نزدیک با تیم بک‌اند برای رفع مشکلات و بهبود کار
6- طراحی و پیاده سازی و آماده سازی سایت پشتیبان و پنل مدیریتی CMS

Gitlab : https://gitlab.com/my-rm/new-pwa

این پروژه یک سایت شخصی توسعه‌داده شده با React.js است که برای معرفی نمونه‌کارها، مدارک و تجربیات من طراحی شده. هدف اصلی این پروژه، ایجاد یک فضای رسمی برای نمایش رزومه، پروژه‌ها، مهارت‌ها و اطلاعات تماس است.

فناوری‌ها:
React.js – JavaScript – CSS – Component Architecture – Cloudflare Pages Deployment

ویژگی‌ها و توضیحات:
1- طراحی رابط کاربری ساده، سبک و سریع برای نمایش رزومه و پروژه‌ها
2- ساخت کامپوننت‌های جداگانه برای بخش‌ها مانند Portfolio، Skills، Certificates و Contact
3- طراحی واکنش‌گرا برای نمایش صحیح روی موبایل و دسکتاپ
4- میزبانی روی Cloudflare Pages با سرعت بارگذاری بالا
5- نگهداری و به‌روزرسانی مداوم جهت افزایش کیفیت نمایش سوابق و مدارک

بعضی از نمونه کارهایی که انجام داده ام :
https://decorator-man.pages.dev

در این پروژه یک لندینگ‌پیج کامل و واکنش‌گرا طراحی و پیاده‌سازی کردم. رابط کاربری به‌صورت کاملاً مدرن، مینیمال و هماهنگ با اصول طراحی توسعه داده شده و تمام اجزا به‌صورت کاملاً بهینه و Component-based طراحی شده‌اند.

تکنولوژی‌ها و دستاوردها:
1- توسعه کامل رابط کاربری با React.js
2- استفاده از Material UI v5 و Emotion برای ساخت یک UI حرفه‌ای، مدرن و قابل توسعه
3- طراحی واکنش‌گرا (Responsive) برای نمایش بی‌نقص در موبایل، تبلت و دسکتاپ
4- پیاده‌سازی کامپوننت‌های سفارشی و بهینه‌سازی ساختار پروژه
5- رعایت اصول معماری فرانت‌اند و ساختاردهی تمیز برای افزایش مقیاس‌پذیری
6- استایل‌دهی پیشرفته با MUI Theme و Custom Components

موسسه اپتک زیر نظر سازمان اتفور ماتیک ایران

مدرک React Native و از سایت Udemy