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

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