Soulfra

Building the non-typing internet

Voice memos, QR scans, emoji navigation, gesture controls. Just login, scan, and go.

🎤 What I'm Building

CringeProof / voice-archive

Instant voice recording → AI extraction → Published ideas

The flow: 1. Record voice memo on iPhone (one tap, no typing) 2. Shadow account system (no login required - browser fingerprinting) 3. Offline queue (record anywhere, uploads when online) 4. AI extracts ideas from transcription (Ollama + Whisper) 5. Published to GitHub Pages with cryptographic signatures

Try it: - 📱 Mobile Interface - 🧪 Debug Page

Features: - Shadow accounts (Canvas + WebGL + Audio fingerprinting) - Offline-first PWA (IndexedDB + ServiceWorker) - Zero typing required - Privacy-first (PII scrubbing, local-first) - Works on: Local WiFi, GitHub Pages, Custom Domains

🎮 Core Philosophy: Gameplay Loops Over Polish

Roblox, Minecraft, RuneScape don't look great but have addictive gameplay.

Focus areas: 1. Non-typing interaction - Voice control (speak commands) - QR scanning (login, actions, pre-fill forms) - Emoji navigation (react, filter, choose) - Gesture controls (swipe, tap patterns) - Menu-only mode (click-based accessibility)

1. Instant contribution
2. No signup friction
3. Shadow accounts (fingerprint-based)
4. Offline queue (record first, sync later)

5. One-tap recording

6. Community-driven content

7. Users contribute voice memos
8. Select accounts when contributing ideas
9. Multi-brand system (CalRiven, DeathToData, HowToCookAtHome)

🛠️ Active Projects

voice-archive

OSS voice recording component

Deploy to your own domain with your own backend: - GitHub Pages hosting (free) - Router config auto-detects environment - Works local (same WiFi) or production (Cloudflare Workers, VPS) - Full deployment docs and debug tools

soulfra.github.io

Multi-brand showcase

Voice predictions archive with community brands: - CalRiven (data analysis) - DeathToData (calling out cringe) - HowToCookAtHome (recipes) - StPetePros, Hollowtown, Niceleak, Oofbox

Network Architecture Evolution

Building routing infrastructure from Phase 1 (local WiFi) → Phase 4 (fully serverless):

Phase 1: Local Network
  iPhone + MacBook (same WiFi)
  https://192.168.1.87:5001

Phase 2: Cloudflare Workers Router
  YOUR router code (not Tailscale, not ngrok)
  api.cringeproof.com → Cloudflare Worker → Tunnel → MacBook

Phase 3: VPS + nginx
  Permanent backend, full control
  $5/month VPS with reverse proxy

Phase 4: Fully Serverless
  Cloudflare Workers + R2 + Supabase
  No MacBook dependency, scales automatically

🧩 Technologies

Frontend: - Vanilla JS (no frameworks - keep it fast) - Shadow DOM for accessibility menu - MediaRecorder API for voice - IndexedDB for offline queue - Service Workers for PWA

Backend: - Flask (Python) - SQLite (local development) - Ollama (local AI - no API keys) - Whisper (transcription)

Deployment: - GitHub Pages (static hosting) - Cloudflare Workers (serverless routing) - Local network (MacBook Flask server)

Infrastructure You Control: - router-config.js (auto-detect environment) - No third-party tunnels in production - Own your routing logic - Own your domains

📦 Deployment Strategy

All projects designed to be forkable and deployable by anyone:

1. Clone repo
2. Configure backend (.env.example → .env)
3. Test locally (test-deployment.html)
4. Deploy to GitHub Pages (git push)

No vendor lock-in. No proprietary services. Just static HTML/CSS/JS + your own backend.

🌐 Live URLs

• CringeProof: https://cringeproof.com
• Mobile App: https://cringeproof.com/mobile.html
• Debug Tools: https://cringeproof.com/test-deployment.html
• Left On Read By God: https://soulfra.com/soulfra/leftonreadbygod/ (Daily quotes + newsletter PWA)
• Main Site: https://soulfra.github.io
• RSS Feed: https://soulfra.github.io/feed.xml

🔐 Privacy & Security

Privacy-first architecture: - No tracking, no analytics - PII scrubbing (names, emails, phones removed) - Local AI processing (Ollama - your machine, your data) - Shadow accounts (browser fingerprinting, not personal info) - Cryptographic signatures (SHA-256 proof of authenticity)

Security practices: - .gitignore for secrets (.env, .pem, .key) - SSH keyring authentication (no passwords in terminal) - CORS configuration for API access - HTTPS required for microphone API

💡 Current Focus

Making the non-typing internet real:

1. Accessibility menu - Universal input mode switcher (voice, scan, emoji, gesture, menu)
2. Workflow coordinator - State machine routing input modes based on page context
3. Shadow account system - No login required, just start using
4. Offline queue - Record anywhere, sync when online
5. Router infrastructure - Own your routing between domains and backends

Not building: - Complex UI frameworks - Beautiful graphics - Typing-required interfaces

Building: - Addictive gameplay loops - Zero-friction contribution - Non-typing interactions - Community-driven content

📖 Documentation

• Deployment: voice-archive/DEPLOY.md
• Network Setup: NETWORK-SETUP.md
• Debug Tools: test-deployment.html

🤝 Philosophy

"Reverse engineer all the nodes"

• Learn how routing works (HTTP proxying, CORS, SSL)
• Learn tunnel mechanics (SSH, WebSocket, nginx upstream)
• Learn serverless architecture (edge functions, state management)
• Build your own router infrastructure
• No dependency on third-party tunnels

From local network → production serverless: - Phase by phase evolution guide - Understand each layer - Own your stack

📬 Get In Touch

• GitHub: @Soulfra
• Issues: Open an issue on any repo
• Fork: All projects MIT licensed - fork and build your own

Built for privacy-conscious creators who want to own their infrastructure

No Tailscale. No ngrok. No vendor lock-in. Just you, your code, your domains.