Files
swanadiva a0c8483c0e docs: migrate all planning docs from React to GoFiber + HTMX
- New ARCHITECTURE_HTMX.md — comprehensive HTMX architecture doc
- ARCHITECTURE.md — updated to point to HTMX version
- UI_COMPONENTS.md — replaced React tree with HTMX partials
- SPRINT_PLAN.md — all sprint tasks updated for HTMX
- BUILD_SYSTEM.md — simplified (no Vite, no npm)
- TIMELINE.md — 3.5 week HTMX timeline
- PROGRESS.md — updated status + HTMX
- AGENTS.md — updated checkpoint with HTMX decision
2026-07-07 12:15:19 +07:00

4.3 KiB

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