Development

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.