بازگشت به پروژه‌ها

پروژه

·بهمن ۱۴۰۴ - تیر ۱۴۰۵

پیام رسان سازمانی سیماد

یک سامانه‌ی سازمانی برای ارتباطات داخلی، مدیریت کاربران، گروه‌ها، کانال‌ها و فایل‌ها. بخش فرانت‌اند پروژه بر تعاملات رابط کاربری، ارتباط بلادرنگ و مدیریت داده‌های موردنیاز کاربران متمرکز است.

  • 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: انیمیشن‌های رابط کاربری

چالش‌ها و ملاحظات فنی

در یک پیام‌رسان سازمانی، هماهنگی میان داده‌های دریافتی از سرور، وضعیت رابط کاربری و ارتباطات بلادرنگ اهمیت زیادی دارد. توضیح این بخش باید به چالش‌هایی محدود باشد که واقعاً در پروژه با آن‌ها مواجه شده‌ای و برایشان راه‌حل پیاده‌سازی کرده‌ای.

نتیجه

این پروژه فرصتی برای کار روی یک رابط کاربری سازمانی با نیازهای مرتبط با ارتباط بلادرنگ، مدیریت داده‌های سمت کاربر و تعاملات پیچیده‌تر فراهم کرد.

پیوندها

بازدید پروژهsimad.infogithubgithub.com
اشتراک‌گذاریاشتراک در ایکساشتراک در تلگرام
پروژه قبلیExpargo – پلتفرم لجستیک و حمل‌ونقل اکسپارگو

پروژه‌های دیگر

سامانه حسابداری ملک تبریز

سامانه حسابداری ملک تبریز

فروردین ۱۴۰۲ - آبان ۱۴۰۳

ملک تبریز یک سامانه‌ی تحت وب برای مدیریت عملیات حسابداری مرتبط با املاک، ثبت تراکنش‌های مالی و تهیه‌ی گزارش‌ها. در این پروژه، تمرکز بر توسعه‌ی رابط کاربری و ایجاد تجربه‌ای منظم و قابل استفاده برای عملیات روزمره‌ی کاربران بود.

  • ReactJs
  • TypeScript
  • JavaScript
  • Formik
  • TailwindCss
EN
بازدید پروژهwebsitewebsite
وبسایت سایت شخصی

وبسایت سایت شخصی

اسفند ۱۴۰۳ - شهریور ۱۴۰۴

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

  • NextJs
  • TypeScript
  • TailwindCSS
  • React hook form
  • Next-Auth
  • Mongoose
  • Framer-motion
  • Vercel
بازدید پروژهgithub
Expargo – پلتفرم لجستیک و حمل‌ونقل اکسپارگو

Expargo – پلتفرم لجستیک و حمل‌ونقل اکسپارگو

مهر ۱۴۰۲ - اردیبهشت ۱۴۰۳

کارگو یک پلتفرم لجستیک و حمل‌ونقل بین‌المللی برای ثبت، مدیریت و پیگیری آنلاین سفارش‌های ارسال کالا. در این پروژه روی توسعه‌ی رابط کاربری، صفحات واکنش‌گرا و اتصال رابط به APIها کار کردم.

  • React.js
  • TypeScript
  • Tailwind CSS
  • REST API
  • Formik
  • Framer-motion
  • i18n
بازدید پروژهwebsite