پلتفرم رزرو هتل
این پروژه یک پلتفرم رزرو هتل با رویکرد Production است که بر اساس یک تجربه مدرن برای جستجو، انتخاب و رزرو اقامتگاه طراحی شده است. این سیستم شامل صفحه اصلی عمومی، جستجوی پیشرفته همراه با فیلترها و نقشه، صفحه جزئیات هتل، فرایند رزرو و پرداخت، لیست علاقهمندیها، پیامرسانی بین مهمان و میزبان، داشبورد میزبان برای مدیریت اقامتگاهها و پنل مدیریت است.
فرانتاند با React (Vite) توسعه داده شده و بکاند با Node.js، Express و MongoDB از طریق REST API با آن در ارتباط است. احراز هویت با استفاده از JWT، کوکیهای HttpOnly و مکانیزم خودکار Refresh Token انجام میشود.
مسئولیت اصلی من ایدهپردازی محصول، طراحی معماری فرانتاند، پیادهسازی کامل رابط کاربری، اتصال به REST API و توسعه تجربههای کاربری واکنشگرا و مبتنی بر نقش برای کاربران Guest، Host و Admin بوده است. تمرکز ویژهای نیز بر ایجاد یک مسیر روان از جستجو تا رزرو، کشف اقامتگاه بر پایه نقشه و طراحی یک معماری مقیاسپذیر برای فرانتاند داشتهام.
ایدهپردازی محصول و توسعهدهنده فرانتاند (React / Vite) مسئول ایدهپردازی محصول، طراحی معماری فرانتاند، پیادهسازی کامل رابط کاربری، اتصال به REST API، توسعه Hookها و Contextهای قابل استفاده مجدد، نمایش رابط کاربری مبتنی بر نقش، طراحی جریانهای اصلی محصول و بهبود تجربه کاربری از طریق Skeleton Loading، تعاملات رزرو و تجربه جستجو بر پایه نقشه بودهام. بکاند بهعنوان یک سرویس مستقل توسعه داده شده است و تمرکز اصلی من ارائه یک فرانتاند مقیاسپذیر، Production-Ready و کاملاً هماهنگ با سرویسهای بکاند بوده است.
ساختار پروژه بر اساس ماژولهای اصلی محصول مانند Auth، Explore، Hotel Detail، Bookings، Wishlist، Host، Admin و Inbox طراحی شد تا توسعه و نگهداری پروژه در مقیاس بزرگ سادهتر باشد.
مدیریت متمرکز احراز هویت، تمدید خودکار توکن و ارسال مجدد درخواستها با استفاده از Axios Interceptors برای ایجاد نشستهای پایدار مبتنی بر کوکی.
استفاده از Tailwind CSS برای ساختار صفحه و هویت بصری پروژه و Ant Design برای فرمها، جدولها، ورودیها و بخشهای مدیریتی.
پیادهسازی نقشه، Markerها، Fit Bounds و مسیریابی تا موقعیت جغرافیایی به بخشی از تجربه تصمیمگیری کاربر تبدیل شود.
پیادهسازی Route Guardها و نمایش شرطی بخشهای مختلف رابط کاربری بر اساس نقش کاربر، در حالی که اعتبارسنجی نهایی مجوزها توسط بکاند انجام میشود.
جدا کردن منطق قیمتگذاری، بررسی ظرفیت و عملیات رزرو در قالب یک کامپوننت مستقل برای افزایش خوانایی و قابلیت نگهداری صفحه جزئیات هتل.
این پروژه توانایی من در طراحی و توسعه اپلیکیشنهای فرانتاند Production-Ready فراتر از پروژههای متداول CRUD را نشان میدهد. همچنین تجربه من در طراحی معماریهای مقیاسپذیر React، پیادهسازی کامل فرایندهای رزرو، یکپارچهسازی احراز هویت امن، توسعه رابطهای کاربری مبتنی بر نقش و هماهنگی مؤثر با سرویسهای بکاند را به نمایش میگذارد.