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

آشپزباشی – پلتفرم جست‌وجو و اشتراک‌گذاری دستورهای آشپزی

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

مشخصات پروژه

نقش منطراح رابط کاربری و توسعه‌دهنده Full-Stack
تاریخ شروع۱۴۰۴/۱۱/۱۳
تاریخ پایان۱۴۰۴/۱۲/۱۱
آشپزباشی – پلتفرم جست‌وجو و اشتراک‌گذاری دستورهای آشپزی

توضیحات پروژه

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

تکنولوژی‌های استفاده‌شده

TanStack QueryNode.jsExpress.jsReactTailwind CSSTypeScript

ویژگی‌های کلیدی

  • توسعه پروژه با TanStack و React
  • استفاده از TypeScript برای افزایش پایداری و خوانایی کد
  • طراحی رابط کاربری مدرن و واکنش‌گرا با Tailwind CSS
  • طراحی صفحات اختصاصی برای فهرست و جزئیات دستورهای غذایی
  • پیاده‌سازی سیستم ثبت‌نام، ورود و خروج کاربران
  • مدیریت نشست و احراز هویت کاربران
  • ایجاد پنل کاربری برای مدیریت دستورهای ثبت‌شده
  • پیاده‌سازی عملیات کامل CRUD برای دستورهای غذایی
  • محدودسازی ویرایش و حذف محتوا به مالک هر دستور
  • امکان ثبت عنوان، توضیحات و دسته‌بندی غذا
  • امکان تعریف مواد اولیه به‌صورت ساختاریافته
  • امکان ثبت مراحل آماده‌سازی به‌ترتیب
  • امکان تعیین زمان آماده‌سازی و زمان پخت
  • امکان تعیین تعداد وعده یا مقدار سرو غذا
  • امکان بارگذاری و مدیریت تصاویر غذا
  • اعتبارسنجی فرم‌ها با Zod
  • مدیریت پایگاه داده با Mongoose
  • استفاده از MongoDB برای ذخیره اطلاعات
  • رمزنگاری امن رمز عبور کاربران با bcrypt
  • پیاده‌سازی جست‌وجوی دستورهای غذایی بر اساس عنوان
  • امکان فیلتر کردن دستورها بر اساس دسته‌بندی
  • ساخت کامپوننت‌های قابل استفاده مجدد برای کارت‌ها و فرم‌ها
  • بهینه‌سازی تصاویر برای افزایش سرعت بارگذاری صفحات
  • پیاده‌سازی حالت‌های Loading، Error و Empty State
  • طراحی واکنش‌گرا برای موبایل، تبلت و دسکتاپ
  • رعایت اصول تجربه کاربری و دسترس‌پذیری در فرم‌ها
  • ساختار کدنویسی ماژولار و قابل توسعه