پروژه
مهر ۱۴۰۲ - اردیبهشت ۱۴۰۳Expargo – پلتفرم لجستیک و حملونقل اکسپارگو
کارگو یک پلتفرم لجستیک و حملونقل بینالمللی برای ثبت، مدیریت و پیگیری آنلاین سفارشهای ارسال کالا. در این پروژه روی توسعهی رابط کاربری، صفحات واکنشگرا و اتصال رابط به APIها کار کردم.
- React.js
- TypeScript
- Tailwind CSS
- REST API
- Formik
- Framer-motion
- i18n

Expargo — پلتفرم لجستیک و حملونقل
معرفی پروژه
Expargo یک پلتفرم آنلاین در حوزهی لجستیک و حملونقل بینالمللی است که امکان تعامل با خدمات ارسال کالا و پیگیری سفارشها را در بستر وب فراهم میکند.
نقش من
در این پروژه بهعنوان توسعهدهندهی فرانتاند و مسئول مدیریت وبسایت فعالیت کردم. تمرکز کار من بر پیادهسازی رابط کاربری، توسعهی صفحات واکنشگرا و اتصال بخشهای موردنیاز رابط به APIها بود.
مسئولیتها
- توسعهی صفحات و کامپوننتهای رابط کاربری
- پیادهسازی چیدمان واکنشگرا
- اتصال رابط کاربری به APIهای سرویس
- مدیریت فرمها و ورودیهای کاربر با Formik، در بخشهای مربوط
- استفاده از ساختار چندزبانه با i18n، در بخشهای پیادهسازیشده
- بهبود تعاملات رابط کاربری و انیمیشنها، در بخشهای استفادهشده
فناوریها
React، TypeScript، Tailwind CSS، REST API، Formik، Framer Motion و i18n.
نتیجه
این پروژه تجربهی عملی توسعهی رابط کاربری برای یک محصول در حوزهی لجستیک را فراهم کرد؛ محصولی که ارتباط میان کاربران، اطلاعات سفارشها و سرویسهای آنلاین در آن اهمیت دارد.
پروژههای دیگر

سامانه حسابداری ملک تبریز
فروردین ۱۴۰۲ - آبان ۱۴۰۳ملک تبریز یک سامانهی تحت وب برای مدیریت عملیات حسابداری مرتبط با املاک، ثبت تراکنشهای مالی و تهیهی گزارشها. در این پروژه، تمرکز بر توسعهی رابط کاربری و ایجاد تجربهای منظم و قابل استفاده برای عملیات روزمرهی کاربران بود.
- ReactJs
- TypeScript
- JavaScript
- Formik
- TailwindCss

وبسایت سایت شخصی
اسفند ۱۴۰۳ - شهریور ۱۴۰۴یک وبسایت شخصی دوزبانه برای معرفی حرفهای، نمایش پروژهها و مهارتها و انتشار محتوای فنی. این پروژه شامل صفحات عمومی و یک داشبورد اختصاصی برای مدیریت محتوای سایت است.
- NextJs
- TypeScript
- TailwindCSS
- React hook form
- Next-Auth
- Mongoose
- Framer-motion
- Vercel

پیام رسان سازمانی سیماد
بهمن ۱۴۰۴ - تیر ۱۴۰۵یک سامانهی سازمانی برای ارتباطات داخلی، مدیریت کاربران، گروهها، کانالها و فایلها. بخش فرانتاند پروژه بر تعاملات رابط کاربری، ارتباط بلادرنگ و مدیریت دادههای موردنیاز کاربران متمرکز است.
- React
- react-hook-form
- SignalR
- react-query
- indexed-db
- dexie
- framer-motion
- zustand