A personal productivity PWA — HTML file viewer, notes, voice memos, and AI tools (coming soon).
greenbee/
├── index.html ← App entry point
├── manifest.json ← PWA manifest
├── sw.js ← Service worker (offline support)
├── css/
│ └── main.css ← Design system & all styles
├── js/
│ ├── storage.js ← IndexedDB wrapper (offline-first data)
│ ├── app.js ← Core: navigation, panel, toasts, viewer
│ ├── html-notes.js ← HTML file cards, folders, breadcrumb
│ ├── notes.js ← Text notes CRUD
│ └── voice.js ← Voice recording & playback
├── icons/
│ ├── icon-192.png ← PWA icon (192×192)
│ └── icon-512.png ← PWA icon (512×512)
└── make_icons.py ← Icon generator script
cd greenbee
python3 -m http.server 8080
# open http://localhost:8080cd greenbee
npx serve .
# or
npx http-server . -p 8080Install the Live Server extension, right-click index.html → "Open with Live Server".
- Open in Chrome/Edge on Android → Menu → "Add to Home Screen"
- Open in Safari on iOS → Share → "Add to Home Screen"
- On Desktop Chrome/Edge → address bar install icon
- Go to netlify.com/drop
- Drag the entire
greenbee/folder onto the page - Done — live URL instantly
git init
git add .
git commit -m "GreenBee MVP"
gh repo create greenbee --public --push --source=.
# enable Pages in repo Settings → Pages → Deploy from branch (main / root)npm i -g vercel
vercel- AI Tools — buttons and slots are ready; add API calls when ready
- Daily Quotes — data model ready in storage; UI scaffold in side panel
- Folders — fully working; nested folders supported
All data is stored locally on your device using IndexedDB.
Nothing is sent to any server. Works fully offline after first load.