Logo
خانه/نمونه‌کارهای من/Anima Home
فول‌استک

Anima Home

آنیما هوم یک پلتفرم فول‌استک در حوزه دکوراسیون داخلی و کابینت آشپزخانه است که با Next.js، TypeScript و PostgreSQL توسعه داده شده است. این پروژه وب‌سایت شرکتی را با امکانات فروشگاهی و پنل مدیریت یکپارچه می‌کند و قابلیت‌هایی مانند معرفی پروژه‌ها و خدمات، مدیریت محصولات و سفارش‌ها، احراز هویت با کد یک‌بارمصرف (OTP) و مدیریت محتوای سایت را ارائه می‌دهد. برنامه روی زیرساخت ابری چابکان میزبانی می‌شود.

Anima Home

درباره‌ی پروژه

معرفی پروژه

Anima Home یک پلتفرم وب در حوزه دکوراسیون داخلی و کابینت آشپزخانه است که وب‌سایت شرکتی، معرفی پروژه‌ها و خدمات و قابلیت‌های فروشگاهی را در یک برنامه فول‌استک یکپارچه می‌کند.

این پروژه با هدف ارائه تجربه‌ای مناسب برای معرفی خدمات، نمایش محصولات و مدیریت فرایندهای مرتبط با فروش توسعه داده شده است. رابط کاربری با Next.js و React ساخته شده و بخش سمت سرور با PostgreSQL و Drizzle ORM کار می‌کند.

امکانات اصلی

  • معرفی خدمات و پروژه‌های دکوراسیون داخلی و کابینت آشپزخانه
  • کاتالوگ محصولات با پشتیبانی از تنوع کالا، قیمت و تخفیف
  • مدیریت سبد خرید و فرایند ثبت سفارش
  • حساب کاربری و مشاهده تاریخچه سفارش‌ها
  • ورود با کد یک‌بارمصرف (OTP) و احراز هویت کاربران
  • پنل مدیریت محصولات، کاربران، سفارش‌ها، پروژه‌ها و کدهای تخفیف
  • مدیریت محتوای سایت شامل خدمات، متریال‌ها و مقالات
  • بارگذاری فایل‌های تصویری، PDF و ویدئو
  • رابط کاربری واکنش‌گرا با پشتیبانی از زبان فارسی و راست‌چین (RTL)
  • ساختار مناسب برای سئو و تولید Sitemap

معماری و فناوری‌ها

  • Next.js App Router و React برای ساخت رابط کاربری و ساختار صفحات
  • TypeScript برای توسعه تایپ‌محور
  • Next.js Server Actions و Route Handlers برای عملیات سمت سرور
  • PostgreSQL و Drizzle ORM برای مدیریت داده‌ها
  • Better Auth برای احراز هویت
  • Zod برای اعتبارسنجی ورودی‌ها
  • React Hook Form برای مدیریت فرم‌ها
  • Tailwind CSS و shadcn/ui برای ساخت رابط کاربری
  • ذخیره‌سازی سازگار با S3 برای فایل‌ها

امنیت و کنترل دسترسی

در ساختار برنامه، مواردی مانند احراز هویت سمت سرور، محافظت از مسیرهای مدیریتی، کنترل دسترسی مبتنی بر نقش، اعتبارسنجی داده‌ها، محدودسازی درخواست‌های حساس و بررسی مالکیت منابع در نظر گرفته شده‌اند.

استقرار

برنامه روی زیرساخت ابری Chabokan میزبانی می‌شود و برای ذخیره‌سازی فایل‌ها از فضای ذخیره‌سازی سازگار با S3 استفاده می‌کند.

لینک‌ها

  • وب‌سایت: https://anima-home.ir/
  • مخزن کد: https://github.com/aliir7/anima-home
جزئیات پروژه
دسته‌بندی
فول‌استک
تاریخ
۲۶ دی ۱۴۰۳

تکنولوژی‌ها

Next.jsTypeScriptDrizzle ORM / Postgre

پروژه‌های دیگر

Fashionito Next.js Shop
Fashionito Next.js Shop
فشنیتو یک نمونه فروشگاه اینترنتی پوشاک با رابط کاربری مدرن و واکنش‌گرا است که با Next.js، React و TypeScript توسعه یافته است. این پروژه قابلیت‌هایی مانند دسته‌بندی و مرتب‌سازی محصولات، مشاهده جزئیات محصول، سبد خرید و فهرست علاقه‌مندی‌ها را با مدیریت وضعیت پایدار در مرورگر ارائه می‌دهد.
فول‌استک
Next.jsTypeScriptReactTailwind CSS
بیشتر بدانیدمشاهده پروژهDecoration Shape 3
داشبورد مدیریت فروشگاه آنلاین — React E-commerce Dashboard
داشبورد مدیریت فروشگاه آنلاین — React E-commerce Dashboard
یک داشبورد مدیریتی مدرن برای فروشگاه آنلاین، توسعه‌یافته با React، TypeScript و Tailwind CSS. این پروژه شامل تحلیل فروش و درآمد، نمودارهای آماری، مدیریت محصولات، سفارش‌ها و مشتریان، ابزارهای بازاریابی و کدهای تخفیف است. رابط کاربری با پشتیبانی از زبان فارسی، چیدمان RTL، تم تاریک و طراحی واکنش‌گرا پیاده‌سازی شده است.
داشبورد
ReactTypeScriptViteTailwind CSSReact RouterZustandRechartsReact Hook FormZodReact ToastifyReact PDF Rendererclsxtailwind-mergeVercel
بیشتر بدانیدمشاهده پروژهDecoration Shape 3
Crypto React
Crypto React
رابط کاربری React برای نمایش اطلاعات و داده‌های رمزارزها.
فرانت‌اند
ReactJavaScriptCSS
بیشتر بدانیدDecoration Shape 3
ریپازیتوری