ToolScout – پلتفرم معرفی و کشف ابزارهای دیجیتال
پلتفرمی چندزبانه برای جستوجو، معرفی و مدیریت ابزارهای کاربردی، سرویسهای SaaS و محصولات دیجیتال با رابط کاربری مدرن و واکنشگرا.
مشخصات پروژه
نقش منطراح رابط کاربری و توسعهدهنده Full-Stack
کارفرمامدرس محمد رسولی
تاریخ شروع۱۴۰۵/۳/۸
تاریخ پایان۱۴۰۵/۳/۱۴
توضیحات پروژه
ToolScout یک پلتفرم تحت وب برای معرفی، جستوجو و مدیریت ابزارهای دیجیتال، محصولات نرمافزاری و سرویسهای SaaS است. کاربران میتوانند ابزارهای ثبتشده را مشاهده کنند، اطلاعات و ویژگیهای هر ابزار را بررسی کرده و از طریق لینک مستقیم وارد وبسایت آن شوند.
در این پروژه یک سیستم احراز هویت کامل برای ثبتنام، ورود و خروج کاربران پیادهسازی شده است. کاربران احراز هویتشده میتوانند ابزار جدید ثبت کنند و اطلاعات ابزارهای متعلق به خود را مدیریت یا ویرایش کنند.
ToolScout از زبانهای فارسی و انگلیسی پشتیبانی میکند و رابط کاربری آن متناسب با زبان انتخابشده، بهصورت خودکار بین حالتهای راستچین و چپچین تغییر میکند. محتوای ابزارها نیز بر اساس زبان تفکیک و از طریق API فیلتر میشود.
رابط کاربری پروژه با سبک Modern Dark SaaS طراحی شده و در تمام اندازههای صفحه، از موبایل تا دسکتاپ، تجربهای سریع، منظم و واکنشگرا ارائه میدهد.
تکنولوژیهای استفادهشده
Node jsTanStack RouterTailwind CSSMongoDBMongoose
ویژگیهای کلیدی
- توسعه رابط کاربری با React و TypeScript
- پیادهسازی مسیریابی سمت کاربر با TanStack Router
- مدیریت درخواستها و وضعیت دادههای سرور با TanStack Query
- توسعه REST API با Node.js و Express.js
- طراحی و مدیریت پایگاه داده با MongoDB و Mongoose
- پیادهسازی ثبتنام، ورود و خروج کاربران
- پیادهسازی احراز هویت مبتنی بر Access Token
- مدیریت وضعیت کاربر با React Context API
- پیادهسازی عملیات کامل CRUD برای ابزارها
- محدودسازی ویرایش ابزارها بر اساس مالکیت کاربر
- پشتیبانی از دو زبان فارسی و انگلیسی با react-i18next
- تغییر خودکار جهت صفحه بین حالتهای RTL و LTR
- فیلتر کردن ابزارها بر اساس زبان انتخابشده
- ذخیره زبان انتخابی کاربر در Local Storage
- اعتبارسنجی اطلاعات فرمها در فرانتاند و بکاند
- طراحی رابط کاربری با Tailwind CSS
- استفاده از Lucide React برای آیکونهای رابط کاربری
- طراحی هدر واکنشگرا با منوی موبایل و منوی حساب کاربری
- طراحی صفحات ورود و ثبتنام با سبک Modern Dark SaaS
- طراحی کاملاً واکنشگرا برای موبایل، تبلت و دسکتاپ
- پیادهسازی ساختار API ماژولار و قابل توسعه