Development & Extension
Screen capture (2x playback speed) showing first prompt in a series to vibe code tool-calling capabilities into hacka.re, using vscode extension Cline and the Claude-3.7-Sonnet model for software engineering
Development Tools
hacka.re is developed using the following tools:
- Core Technologies: Vanilla JavaScript, HTML, and CSS
- LLM-Assisted Development: Claude 3.7 Sonnet via VSCode extension Cline
- Dependencies:
- marked - For markdown rendering
- dompurify - To prevent cross-site scripting (XSS)
- tweetnacl - For minimal-complexity strong in-browser encryption
- qrcode - For generating QR codes for shareable links
- Hosting: GitHub Pages
Vibe Coding Approach
99%+ of hacka.re's code was created through LLM-assisted development (vibe coding) using Claude 3.7 Sonnet
Implementation Philosophy
hacka.re follows these implementation principles:
- Privacy-First: No tracking, analytics, or external calls aside from LLM API calls
- Serverless: No server-side components (aside from LLM API)
- Minimal Dependencies: Limited external libraries to reduce attack surface
- Self-Contained: All resources hosted locally with the application
- Extensible: Designed to be easily extended with new features