# Hostkeeper V2 — Timeline & Milestones (HTMX)

> **Status**: Updated untuk HTMX
> **Last Updated**: 2026-07-07
> **Start Date**: 2026-07-07
> **Target MVP**: 2026-08-01 (estimasi ~3.5 minggu)

---

## Timeline Overview

```
Minggu 1  │ Sprint 0 ─ Sprint 1 ─ │── Foundation + Dashboard
Minggu 2  │ Sprint 2 ─ Sprint 3 ─ │── Snippets + Keychain + Settings
Minggu 3  │ Sprint 4 ─────────────│── SFTP
Minggu 4  │ Sprint 5 ─ Sprint 6 ─ │── Terminal + Storage Integration
          └────────────────────────┘
          7 Jul    14 Jul   21 Jul   28 Jul
```

---

## Detailed Timeline

### Sprint 0 + Sprint 1 — Foundation + Dashboard
**5 hari — 7 Jul s.d. 11 Jul**

| Day | Date | Deliverable |
|-----|------|-------------|
| 1 | 7 Jul | Go module, Fiber server, static files, HTMX + Alpine |
| 2 | 8 Jul | Layout template, nav sidebar, health endpoint |
| 3 | 9 Jul | Host model, dashboard handler, host list template |
| 4 | 10 Jul | Search HTMX, filter, view toggle, add host modal |
| 5 | 11 Jul | Background transfers, toast notification, CSS final |

**Milestone M1 — Dashboard Functional (11 Jul)**
- GoFiber server running on :1947
- Layout dengan sidebar navigasi
- Dashboard dengan host list, search, filter, add host
- HTMX interaktivitas berfungsi

### Sprint 2 — Snippets + Keychain
**3 hari — 14 Jul s.d. 16 Jul**

| Day | Date | Deliverable |
|-----|------|-------------|
| 6 | 14 Jul | Snippet model + handler + template + search/filter |
| 7 | 15 Jul | Add snippet modal, clipboard JS, tag filter |
| 8 | 16 Jul | Keychain model + handler + template + passphrase reveal |

**Milestone M2 — Snippets + Keys CRUD (16 Jul)**
- Snippet library dengan search, tag filter, add modal
- Keychain dengan strength badge, passphrase reveal, copy

### Sprint 3 — Settings + Brief
**2 hari — 17 Jul s.d. 18 Jul**

| Day | Date | Deliverable |
|-----|------|-------------|
| 9 | 17 Jul | Settings handler + template + toggle switches |
| 10 | 18 Jul | Brief overlay, connected devices, danger zone |

**Milestone M3 — Settings Complete (18 Jul)**
- Profile form, toggle switches, connected devices
- Brief design system overlay

### Sprint 4 — SFTP
**4 hari — 21 Jul s.d. 24 Jul**

| Day | Date | Deliverable |
|-----|------|-------------|
| 11 | 21 Jul | FileItem + Transfer model, SFTP handler |
| 12 | 22 Jul | Dual-pane layout, breadcrumb navigation |
| 13 | 23 Jul | Folder create/delete, upload/download |
| 14 | 24 Jul | Search pane, toast notification, polish |

**Milestone M4 — SFTP Works (24 Jul)**
- Dual-pane file browser dengan navigasi folder
- Upload/download, create/delete folder

### Sprint 5 — Terminal
**3 hari — 25 Jul s.d. 28 Jul**

| Day | Date | Deliverable |
|-----|------|-------------|
| 15 | 25 Jul | xterm.js setup, WebSocket handler |
| 16 | 26 Jul | SSH pipe via v1/pkg/ssh, terminal I/O |
| 17 | 28 Jul | Multi-tab Alpine, polish, error handling |

**Milestone M5 — Terminal Works (28 Jul)**
- SSH terminal via WebSocket + xterm.js
- Multi-tab support

### Sprint 6 — Storage Integration + Polish
**3 hari — 29 Jul s.d. 31 Jul**

| Day | Date | Deliverable |
|-----|------|-------------|
| 18 | 29 Jul | replace directive, v1/pkg/storage integration |
| 19 | 30 Jul | v1/pkg/crypto, config, knownhosts integration |
| 20 | 31 Jul | Remove mock data, final testing, bug fixes |

**Milestone MVP — Hostkeeper V2 Ready (31 Jul)**
- All features functional with real data persistence
- Single Go binary, ready for Electron wrapping

---

## Key Milestones

| Milestone | Date | Deliverable |
|-----------|------|-------------|
| M1 | 11 Jul | Dashboard + search/filter + add host |
| M2 | 16 Jul | Snippets + Keychain CRUD |
| M3 | 18 Jul | Settings + Brief overlay |
| M4 | 24 Jul | SFTP dual-pane file browser |
| M5 | 28 Jul | Terminal SSH via WebSocket |
| MVP | 31 Jul | Full integration with real storage |

---

## Estimasi vs React (dulu)

| Metrik | React (rencana lama) | HTMX (sekarang) |
|--------|---------------------|-----------------|
| Total waktu | ~6 minggu (30 Jun - 7 Aug) | ~3.5 minggu (7 Jul - 31 Jul) |
| Files | ~50 (Go + React + TS + Vite) | ~38 (Go + HTML + JS) |
| JS dependencies | 10+ library + npm | 3 file JS (HTMX, Alpine, xterm) |
| Build complexity | Vite + TypeScript + npm + Electron | CSS build + Go build |