Initial commit: Kottgard testing website code
This commit is contained in:
@@ -0,0 +1,69 @@
|
||||
# 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.
|
||||
Reference in New Issue
Block a user