I Built a App From Scratch Using Claude Code

In this tutorial, we're going to build a complete Todo application from scratch using Claude Code. Instead of simply asking an AI to generate code, I'll show you how to actually work with Claude Code as an AI coding agent — from setting it up and understanding the project to building features, debugging issues, reviewing the code, and preparing the project for Git. We'll go step by step and I'll show you the exact prompts I use throughout the development process. In this video, you'll learn: What Claude Code is and how it works How to install and set up Claude Code How to start a Claude Code session How to give Claude Code context and requirements How to ask Claude to plan an application before coding How to build a Todo application step by step How to implement Create, Edit, Delete and Complete functionality How to add localStorage persistence How to implement search and filtering How to add priorities and due dates How to improve the UI using Claude Code How to debug a real issue with Claude Code How to perform a complete code review How to create and use CLAUDE.md How to review your Git changes before committing The goal isn't just to build a Todo app. The goal is to understand how to think about prompting an AI coding agent and how to use Claude Code as part of a real development workflow. PROMPTS USED IN THIS VIDEO I've attached a DOCX containing all the prompts used throughout this tutorial so you can follow along and use them in your own projects. Download the prompt document: https://docs.google.com/document/d/1X... TECH STACK Claude Code Next.js TypeScript Tailwind CSS localStorage If you found this tutorial useful, consider subscribing for more practical tutorials on AI agents, AI coding tools, full-stack development, and building real products with AI. #ClaudeCode #AI #Coding #AITools #NextJS #TypeScript #WebDevelopment #Programming #AIAgents