✨ معرفی Regal

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

🛍️ دربارهٔ پروژه

پروژهٔ Regal با Next.js و TypeScript توسعه یافته و از Prisma ORM برای مدیریت دیتابیس استفاده می‌کند. رابط کاربری کاملاً واکنش‌گرا طراحی شده و تجربه‌ای سریع و یکپارچه در موبایل، تبلت و دسکتاپ ارائه می‌دهد.
ساختار پروژه قابلیت گسترش ویژگی‌هایی مانند محصولات، دسته‌بندی‌ها، سفارش‌ها، مدیریت حساب کاربری و اتصال به سیستم پرداخت را فراهم می‌کند.

🎬 دمو آنلاین

برای مشاهدهٔ نسخه زندهٔ پروژه، می‌توانید از لینک زیر استفاده کنید:

Regal Live Demo

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

صفحهٔ محصولات
نمایش تمام محصولات همراه با قابلیت جستجو، فیلتر و مرتب‌سازی پیشرفته.

صفحهٔ محصول تکی
شامل گالری چندعکس، انتخاب سایز و رنگ، مشخصات کامل محصول و نمایش محصولات مشابه.

سبد خرید و فرآیند خرید
امکان افزودن محصول با ویژگی‌های انتخاب‌شده و ادامه مراحل خرید.

دسته‌بندی محصولات
هر محصول دارای دسته‌بندی مشخص است و کاربران می‌توانند محصولات مرتبط را مشاهده کنند.

مدیریت حساب کاربری
امکان افزودن، حذف و ویرایش آدرس‌ها، مشاهده وضعیت سفارش‌ها و مدیریت علاقه‌مندی‌ها.

رابط کاربری مینیمال و واکنش‌گرا
تجربه‌ای روان و یکپارچه در تمامی دستگاه‌ها با طراحی مدرن.

بک‌اند مدرن با Next.js، Prisma و PostgreSQL
زیرساخت قابل‌گسترش و امن با Next.js، مدیریت دیتابیس با Prisma و ذخیره‌سازی دیتا روی PostgreSQL.

🛠️ تکنولوژی‌ها

---

📁 ساختار پروژه

Regal/
│
├─ prisma/
│ └─ schema.prisma
│
├─ public/
│ ├─ imgs/
│ └─ fonts/
│
├─ src/
│ ├─ app/
│ │ │
│ │ ├─ api
│ │ │ ├─ auth/..
│ │ │ ├─ cart/..
│ │ │ ├─ products/..
│ │ │ ├─ order/..
│ │ │ ├─ category/..
│ │ │ └─ ...
│ │ │
│ │ ├─ (home)/page.tsx
│ │ │
│ │ ├─ products/
│ │ │ ├─ page.tsx
│ │ │ ├─ components/
│ │ │ │ ├─ ProductCard.tsx
│ │ │ │ └─ ProductCard.types.ts
│ │ │ ├─ hooks/
│ │ │ │ └─ useFilter.ts
│ │ │ └─ ...
│ │ │
│ │ ├─ [id]/
│ │ │ ├─ page.tsx
│ │ │ ├─ components/
│ │ │ │ ├─ filterMenu.tsx
│ │ │ │ └─ filterMenu.types.ts
│ │ │ ├─ hooks/
│ │ │ │ └─ useFilterAction.ts
│ │ │ └─ ...
│ │ │
│ │ ├─ user/
│ │ │ ├─ page.tsx
│ │ │ ├─ addresses/
│ │ │ │ ├─ page.tsx
│ │ │ │ ├─ components/
│ │ │ │ │ ├─ AddressModal.tsx
│ │ │ │ │ └─ AddressModal.types.ts
│ │ │
│ │ └─ ...
│ │
│ ├─ components/
│ │ └─ Navbar.tsx
│ │ └─ Footer.tsx
│ │ └─ ProductCard.tsx
│ │ └─ ...
│ │
│ ├─ lib/
│ │ └─ prisma.ts
│ │
│ ├─ constants/
│ │ └─ categoryModel.ts
│ │ └─ sortItems.ts
│ │
│ ├─ types/
│ │ └─ product.ts
│ │ └─ cart.ts
│ │
│ ├─ context/
│ │ └─ AuthContext.ts
│ │ └─ CartContext.ts
│ │ └─ types.ts
│ │
│ └─ utils/
│ └─ formatPrice.ts
│
├─ package.json
├─ tsconfig.json
└─ next.config.js```

📄 مجوز

این پروژه خصوصی و متعلق به fatemedivan است. همهٔ حقوق محفوظ است.