69 lines
2.3 KiB
Markdown
69 lines
2.3 KiB
Markdown
# Kött Gård — Premium Halal Meat Delivery
|
|
|
|
A modern, premium e-commerce website for 100% Halal meat delivery. Built with Next.js, TypeScript, and Tailwind CSS.
|
|
|
|
## Features
|
|
|
|
- **Premium Design** — Green, white, and gold color palette with luxurious typography
|
|
- **Multi-language** — Swedish (default), English, and Urdu with RTL support
|
|
- **Product Customization**
|
|
- Chicken: Choose quantity in pieces (4, 8, 10, 12, 14)
|
|
- Beef & Lamb: Choose cutting style (Nihari, Karahi, Qeema, Boneless, Steak)
|
|
- Fish: Standard professional cut
|
|
- **Full E-commerce Flow** — Shop, product details, cart, secure checkout
|
|
- **User Accounts** — Registration, login, order history
|
|
- **Wishlist** — Save favorite products
|
|
- **Responsive** — Mobile-first design
|
|
- **SEO Optimized** — Meta tags, semantic HTML, Open Graph
|
|
|
|
## Getting Started
|
|
|
|
```bash
|
|
npm install
|
|
npm run dev
|
|
```
|
|
|
|
Open [http://localhost:3000](http://localhost:3000).
|
|
|
|
### Demo Account
|
|
|
|
- Email: `demo@kottgard.se`
|
|
- Password: `demo123`
|
|
|
|
### Languages
|
|
|
|
Use the language bar or globe icon to switch between:
|
|
- **Svenska** (Swedish) — default
|
|
- **English**
|
|
- **اردو** (Urdu) — RTL
|
|
- **العربية** (Arabic) — RTL
|
|
- **فارسی** (Persian) — RTL
|
|
- **Türkçe** (Turkish)
|
|
|
|
## Tech Stack
|
|
|
|
- **Framework:** Next.js 13 (App Router)
|
|
- **Language:** TypeScript
|
|
- **Styling:** Tailwind CSS
|
|
- **State:** Zustand (persisted cart, auth, wishlist, locale)
|
|
- **i18n:** Custom translation system with locale store
|
|
- **Icons:** Lucide React
|
|
|
|
## Project Structure (Clean Architecture)
|
|
|
|
```
|
|
src/
|
|
├── domain/ # Entities + business rules (no React/Next)
|
|
├── application/ # Use cases, ports, container.ts
|
|
├── infrastructure/ # Zustand, product data, i18n adapters
|
|
├── presentation/ # useCart, useAuth, useCatalog hooks
|
|
├── app/ # Next.js pages (thin UI)
|
|
├── components/ # React UI components
|
|
├── i18n/ # Translation dictionaries (en, sv, ur)
|
|
├── hooks/ # useTranslation
|
|
├── lib/ # Backward-compatible facades
|
|
├── store/ # Backward-compatible re-exports
|
|
└── types/ # Re-exports domain entities
|
|
```
|
|
|
|
See **[docs/CLEAN-ARCHITECTURE.md](docs/CLEAN-ARCHITECTURE.md)** for the full step-by-step guide. |