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

پیامرسان سازمانی سیماد
معرفی پروژه
سیماد یک سامانهی سازمانی برای پشتیبانی از ارتباطات داخلی و مدیریت اطلاعات کاربران و ساختار سازمانی است. بخشهای مختلف سامانه شامل پیامرسانی، مدیریت گروهها و کانالها، مدیریت فایلها و قابلیتهای مدیریتی است.
نقش من
بهعنوان توسعهدهندهی فرانتاند، روی پیادهسازی رابط کاربری و تعاملات سمت کاربر تمرکز داشتم. حوزههای فنی مرتبط با این پروژه شامل ارتباط بلادرنگ، دریافت و مدیریت دادهها و سازماندهی وضعیت رابط کاربری است.
حوزههای پیادهسازی
- رابط کاربری پیامرسانی سازمانی
- نمایش و مدیریت اطلاعات گفتگوها و پیامها
- ارتباط بلادرنگ با استفاده از SignalR، در بخشهای پیادهسازیشده
- مدیریت دادههای سمت کاربر و کش، در بخشهای استفادهشده
- مدیریت وضعیت رابط کاربری با Zustand
- دریافت و همگامسازی دادهها با TanStack Query
- استفاده از IndexedDB و Dexie برای ذخیرهسازی محلی، در بخشهای پیادهسازیشده
فناوریها
- React: توسعهی رابط کاربری
- SignalR: ارتباط بلادرنگ با سرور
- TanStack Query: مدیریت درخواستها و کش دادههای سرور
- Zustand: مدیریت وضعیت سمت کاربر
- IndexedDB و Dexie: ذخیرهسازی داده در مرورگر
- React Hook Form: مدیریت فرمها
- Framer Motion: انیمیشنهای رابط کاربری
چالشها و ملاحظات فنی
در یک پیامرسان سازمانی، هماهنگی میان دادههای دریافتی از سرور، وضعیت رابط کاربری و ارتباطات بلادرنگ اهمیت زیادی دارد. توضیح این بخش باید به چالشهایی محدود باشد که واقعاً در پروژه با آنها مواجه شدهای و برایشان راهحل پیادهسازی کردهای.
نتیجه
این پروژه فرصتی برای کار روی یک رابط کاربری سازمانی با نیازهای مرتبط با ارتباط بلادرنگ، مدیریت دادههای سمت کاربر و تعاملات پیچیدهتر فراهم کرد.
پروژههای دیگر

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

