مطالعه موردی
Tasty Book – وباپ منوی رسپی
Next.js، تایپاسکریپت، Tailwind CSS، shadcn/ui، Framer Motion
وضعیت پروژه: توسعه روی دامین تستیمشاهده نسخه زنده
مهارتهای استفادهشده در این پروژه
Tasty Book یک وباپ منوی رسپی است که برای مرور و کشف انواع خوراکیها و میانوعدهها طراحی شده است.
رسپیها در دستهبندیهای مختلف سازماندهی شدهاند، مثل:
- صبحانه
- گیاهی و پلنتبیس
- پیشغذا و اسنک
- و همچنین دستهبندی بر اساس حالوهوای غذا
در هر کارت، توضیح کوتاه، تگها و لینک صفحهی کامل رسپی نمایش داده میشود.
تکنولوژیها
- Next.js + TypeScript برای ساختار کد مدرن و نگهداری ساده
- Tailwind CSS و shadcn/ui برای طراحی رابط کاربری تمیز و ماژولار
- Framer Motion برای ایجاد انیمیشنهای نرم روی کارتها، فیلترها و ترنزیشن صفحات
ویژگیها
- صفحات دستهبندی مثل صبحانه، گیاهی، اشتهاآور و ...
- مرور براساس تگها و حالوهوای غذا (سبک، سریع، کمکالری و ...)
- گرید کارت ریسپانسیو با هاور استیتهای جذاب و انیمیشن
- مدیریت محتوای رسپیها بر پایه Markdown برای اضافه و ویرایش سریع
- استقرار روی دامین تستی (onStaging) برای آزمایش و بهبود مداوم
این پروژه بهعنوان یک پروژه شخصی برای نمایش توان طراحی UI و ساخت وباپهای محتوایی توسعه داده شده است.
گالری پروژه
