# Toko Kue Online - Cloudflare Deployment

Website latihan fullstack penjualan toko kue online yang di-deploy ke Cloudflare.

## 🚀 Fitur

- ✅ Katalog produk kue dengan gambar
- ✅ Sistem keranjang belanja
- ✅ Checkout dengan multiple payment methods
- ✅ Responsive design
- ✅ API backend dengan Cloudflare Workers
- ✅ Storage menggunakan Cloudflare KV

## 📦 Tech Stack

- **Frontend**: HTML, CSS, JavaScript
- **Backend**: Cloudflare Workers
- **Storage**: Cloudflare KV
- **Deployment**: Cloudflare Pages + Workers

## 🛠️ Setup & Deployment

### 1. Install Dependencies

```bash
npm install
```

### 2. Login ke Cloudflare

```bash
npm run login
```

### 3. Buat KV Namespace

```bash
npm run kv:create
```

### 4. Deploy ke Cloudflare

```bash
npm run deploy
```

## 📁 Struktur Project

```
toko-kue-online/
├── src/
│   └── index.js          # Cloudflare Worker (backend API)
├── public/               # Frontend static files
│   ├── index.html
│   ├── products.html
│   ├── checkout.html
│   ├── about.html
│   ├── style.css
│   ├── app.js
│   └── images/           # Product images
├── data/
│   └── products.json     # Product data (fallback)
├── wrangler.toml         # Cloudflare config
├── package.json
└── README.md
```

## 🔧 API Endpoints

- `GET /api/products` - Ambil semua produk
- `GET /api/orders` - Ambil semua pesanan
- `POST /api/orders` - Buat pesanan baru

## 🌐 Akses Website

Setelah deploy, website akan tersedia di:
`https://[your-project-name].pages.dev`

## 📝 Catatan

- Gambar produk disimpan di folder `public/images/`
- Data pesanan disimpan di Cloudflare KV
- Untuk development lokal: `npm run dev`
- Untuk production deploy: `npm run deploy`

## 🎯 Status Deployment

- ✅ Frontend: Cloudflare Pages
- ✅ Backend API: Cloudflare Workers
- ✅ Storage: Cloudflare KV
- ✅ Images: Static hosting
   ```
4. Buka browser ke `http://localhost:3000`

## Pengembangan
- Edit `server.js` untuk logika backend
- Edit `public/app.js` untuk logika frontend
- Tambah produk di `data/products.json`
