Jarvis Voice Dev – I Built a Talking AI Web App Builder (v0.1)
In this video I build Jarvis v0.1 – a voice‑controlled AI that listens to “Hey Jarvis”, turns your spoken ideas into prompts, calls an AI model, generates a React + TypeScript + Vite + Tailwind app, and runs it live in the browser using WebContainers.
What’s inside:
Voice wake word + speech recognition (“Hey Jarvis…”)
Streaming AI backend (OpenAI/Groq style JSON file generation)
Live preview with WebContainers (npm install + vite dev in the browser)
Auto‑generated React UI (calculator / portfolio examples)
Jarvis UI: orb, waveform, logs, code editor, preview pane
Tech stack:
React 18, TypeScript, Vite, Tailwind CSS
Node + WebSocket backend
AI model for code generation (OpenAI/Groq)
WebContainers for in‑browser dev server
If you want the code, demo link, or a deep dive into any part (speech recognition, WebSocket protocol, or the AI prompt), let me know in the comments and I’ll make a follow‑up video.
#ai #javascript #react #webdev #typescript #vite #tailwind #webcontainers #openai #groq #projectbuild