تجربه: 4

سن: 18 الی 30

محدوده حقوق و دستمزد: قابل مذاکره

جای خالی: 1

طبیعت شغلی : پیمانی

تاریخ ارسال : 2026.01.04

آخرین تاریخ : 2026.04.29

شرح

در این تسک، منطق نمایش مدال‌ها، تب‌ها و زیرتب‌ها در فرانت‌اند React به‌صورت URL محور (Route-Based) بازطراحی و پیاده‌سازی می‌شود. هدف این توسعه، افزایش شفافیت مسیرها، امکان دسترسی مستقیم، بهبود تجربه کاربری و هماهنگی کامل با معماری SPA است.

---

الزامات و وظایف

1. URL اختصاصی برای مدال‌ها

   • تمامی مدال‌های موجود در پروژه باید دارای مسیر (URL) مشخص و یکتا باشند.

   • باز شدن هر مدال صرفاً بر اساس Route انجام شود و وابسته به State محلی نباشد.

2. URL مستقل برای تب‌ها و زیرتب‌ها

   • هر تب و زیرتب داخل مدال‌ها باید Route اختصاصی داشته باشد.

   • تغییر تب‌ها از طریق تغییر URL انجام شود، نه فقط تغییر State داخلی.

3. پشتیبانی از ورود مستقیم (Deep Linking)

   • با وارد کردن مستقیم URL در مرورگر، مدال و تب مربوطه باید به‌درستی نمایش داده شود.

   • عدم وابستگی به مسیر قبلی کاربر یا ترتیب کلیک‌ها.

4. مدیریت مسیر بدون رفرش صفحه

   • تغییر URL و ناوبری بین مدال‌ها و تب‌ها باید بدون Reload صفحه انجام شود.

   • پیاده‌سازی کامل مطابق با ساختار SPA در React.

5. همگام‌سازی State و URL

   • وضعیت باز یا بسته بودن مدال و تب فعال باید کاملاً با URL همگام باشد.

   • بستن مدال منجر به بازگشت به Route والد شود.

---

نمونه مسیر (Example Route)

/metaverse/profile/suggestion/received-suggestion

در این مسیر:

• مدال مربوط به پیشنهادات باز می‌شود

• تب «پیشنهادهای دریافتی» به‌صورت پیش‌فرض فعال است

---

خروجی مورد انتظار

• تمامی مدال‌ها و تب‌ها قابل دسترسی از طریق URL مستقیم باشند.

• ناوبری بین تب‌ها قابل Share و Bookmark باشد.

• ساختار Routing خوانا، قابل توسعه و قابل نگهداری باشد.

• حذف وابستگی نمایش مدال‌ها به State‌های شکننده و موقتی.

------------------------------------------------------------------------------------------------------

منابع تسک:

دسترسی به ریپازیتوری پروژه ریکت داخلی متارنگ :

https://github.com/iranpsc/Metaverse-Rang-Front-React

لینک سایت رسمی پروژه :

https://rgb.irpsc.com/fa

دسترسی به سامانه مدیریت بر مدیران :

https://crm.irpsc.com