giovanni.galope
VIBE CODING WITH CLAUDE AI Creating a Japanese Video Player for Language Learning Sat, June 27, 2026
FIRST THREAD POST! This is my humble attempt at developing a Japanese language learning tool—a web app built entirely through “vibe coding” using Anthropic’s Claude AI. As a first-time vibe coder, I am amazed by how much AI has evolved over just the past few years—becoming so capable that an accountant like me can actually build a complex project like this in just eight (8) hours or so.
giovanni.galope
Inspired by Language Reactor, Trancy, and Anki, I wanted to learn how to vibe code a similar project on a smaller scale. This allowed me to learn the techniques hands-on instead of poring over books and tutorial videos, adopting a true learn-as-you-go approach. Or in my words, I “vibe-learned” vibe coding.
To make this weekend project a success, I made use of the following.
giovanni.galope
TOOLS USED:
(1) Claude AI: For vibe coding and debugging. Yes, even debugging. I simply gave Claude a comprehensive list of bugs to resolve and revisions to make without touching a single line of code myself.
(2) Visual Studio Code and Mozilla Firefox Inspector: For inspecting and reviewing HTML, CSS, JS, and JSON.
(3) Google Gemini and DeepSeek: For parsing SRT subtitle files and generating vocabulary lists with yomigana readings and English translations, and also for research.
giovanni.galope
(4) Google AI Studio: For generating an API key.
(5) Google Sheets: To list and track my prompts.
giovanni.galope