Technical Specification
The frontend application is already fully operational and hosted on Cloudflare Pages
Goal:
Develop a cross-platform Electron application based on Nuxt.js, with:
Using the main authorization logic similar to the main website
Ability to record microphone + system audio
Uploading recordings to Amazon S3 (existing functionality, just need to verify it works in Electron)
Support for macOS + Windows
Preparation for production distribution (.dmg, .exe)
Stage 1. Wrapping Nuxt.js in Electron:
Integration with the existing Nuxt application
Storing API token
Window functionality
Stage 2. Audio recording (microphone + system)
UI
Audio capture
Recording format
Upload
Delete local file
Stage 3. Packaging and production
Platforms:
macOS (Intel + ARM)
Windows (10/11)
Tasks:
Prepare .dmg (macOS) and .exe or .msi (Windows)
Configure productName, icons, auto-updates
Build using electron-builder or an alternative
Provide instructions for subsequent automated build in Github CI/CD
Stage 4. Overlay mode over active window
Goal:
Add the ability to invoke overlay mode:
Display interface (agenda, tips, action items) above any windows
Invoke/hide overlay with hotkey
Use transparent Electron window with click-through (non-blocking)
Overlay — is a separate window that opens a custom route in Nuxt (/overlay)
Content loads via API / WebSocket
Overlay behavior
Action
| Reaction
|
|---|
Pressing hotkey (e.g., Cmd+Shift+A) | Overlay appears over everything |
Pressing again | Overlay hides |
Overlay displays: | data from WebSocket / API, linked to user and meeting |
Overlay should be | always on top, but not capture focus/mouse |
