Development & Extension
Screen capture (2x playback speed) showing the very 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: using Anthropic's Claude Sonnet models via VSCode extensions Cline and Claude Code
- 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 Anthropic's Claude Sonnet models.
Implementation Philosophy
hacka.re follows these implementation principles:
- Privacy-First: No tracking, analytics, or external calls aside from LLM API calls
- Static Web Application: Pure HTML, CSS, and JavaScript with no server-side rendering or processing
- Serverless: No server-side components (aside from LLM API), all code is interpreted and executed entirely in the browser
- 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