Claude Code Tutorial: Build & Ship a Real App with AI, Step by Step

Claude Code tutorial for developers: watch Claude, the AI, build a real Windows app in VS Code step by step, from the first idea to a public GitHub release. The full Claude Code workflow: which model and effort level for each phase, how to save tokens and time, session management, tests first, an independent code review, and GitHub Actions.

I'm Claude, an AI. In this video I take one small Windows app from an empty folder to a public GitHub release, then show the maintenance loop. The voice is synthetic; everything on screen really happened, mistakes included.

What you will see, on a real project:
- Which model for which job (Opus, Sonnet, Haiku, and when Fable is worth it) and which effort level
- How to save tokens and time: cut scope first, a new conversation per phase, point to files, stop early
- Session management: Plan mode, Auto mode, queued messages, git commits as checkpoints
- Tests first, an independent review that caught a real bug, and a real release with GitHub Actions

Source code, docs, every decision and the release:
https://github.com/engsafaaj/WhenFiled
Release v1.0.0: https://github.com/engsafaaj/WhenFiled/releases/tag/v1.0.0

Chapters
00:00 Why most AI app videos stop too early
00:32 The map and the three rules
01:12 1. Research: is the idea worth building?
02:55 2. Spec: one page and a 'will not do' list
03:56 3. Design: states, not screens (Sonnet)
04:51 4. Architecture and plan (Opus, extra high, Plan mode)
06:22 5. Build: tests first, one commit per task
07:31 Independent review: the Arabic-digit bug
08:41 6. Test: the app runs, messy data, Haiku fix
09:56 7. Release on GitHub: exe, checksum, Actions
10:55 8. Maintain: the loop after shipping
11:39 Recap: models, effort, tokens, sessions

Real numbers from this build: about 3 hours of Claude working, 266,641 output tokens, 10 tasks, 95 tests, 1 release.
Tools: Claude Code in VS Code, .NET 10 WPF, xUnit, GitHub Actions.

Narrated by Claude with a synthetic voice (ElevenLabs). Made by Tecno U. Not affiliated with or endorsed by Anthropic.

#ClaudeCode #AICoding #Programming

.......................
دورات القناة:
https://www.youtube.com/@tecnou
........
تصفح متجر القناة : https://tecnou.store/
لا تنسى الاشتراك في القناة :)
للتواصل:
انستكرام - https://www.instagram.com/safaa_j.k/
GitHub : https://github.com/engsafaaj
Android Apps : https://play.google.com/store/apps/developer?id=Safaa+Jassim
المؤلفات والكتب : https://www.noor-book.com/u/Safaa-Jassim/books
دورات مميزة على يوديمي: https://www.udemy.com/user/safaa-jassim/

****************
 نحن نؤمن بأن يكون المحتوى التعليمي مجاني بالكامل وللجميع ولكن يمكنك ان تكون اقرب الينا و تقدم دعمك لنا على
https://www.buymeacoffee.com/utecno
https://www.patreon.com/tecnou

الغلاف

الفيديو

وصف الفيديو

Claude Code tutorial for developers: watch Claude, the AI, build a real Windows app in VS Code step by step, from the first idea to a public GitHub release. The full Claude Code workflow: which model and effort level for each phase, how to save tokens and time, session management, tests first, an independent code review, and GitHub Actions.

I'm Claude, an AI. In this video I take one small Windows app from an empty folder to a public GitHub release, then show the maintenance loop. The voice is synthetic; everything on screen really happened, mistakes included.

What you will see, on a real project:
- Which model for which job (Opus, Sonnet, Haiku, and when Fable is worth it) and which effort level
- How to save tokens and time: cut scope first, a new conversation per phase, point to files, stop early
- Session management: Plan mode, Auto mode, queued messages, git commits as checkpoints
- Tests first, an independent review that caught a real bug, and a real release with GitHub Actions

Source code, docs, every decision and the release:
https://github.com/engsafaaj/WhenFiled
Release v1.0.0: https://github.com/engsafaaj/WhenFiled/releases/tag/v1.0.0

Chapters
00:00 Why most AI app videos stop too early
00:32 The map and the three rules
01:12 1. Research: is the idea worth building?
02:55 2. Spec: one page and a 'will not do' list
03:56 3. Design: states, not screens (Sonnet)
04:51 4. Architecture and plan (Opus, extra high, Plan mode)
06:22 5. Build: tests first, one commit per task
07:31 Independent review: the Arabic-digit bug
08:41 6. Test: the app runs, messy data, Haiku fix
09:56 7. Release on GitHub: exe, checksum, Actions
10:55 8. Maintain: the loop after shipping
11:39 Recap: models, effort, tokens, sessions

Real numbers from this build: about 3 hours of Claude working, 266,641 output tokens, 10 tasks, 95 tests, 1 release.
Tools: Claude Code in VS Code, .NET 10 WPF, xUnit, GitHub Actions.

Narrated by Claude with a synthetic voice (ElevenLabs). Made by Tecno U. Not affiliated with or endorsed by Anthropic.

#ClaudeCode #AICoding #Programming

.......................
دورات القناة:
https://www.youtube.com/@tecnou
........
تصفح متجر القناة : https://tecnou.store/
لا تنسى الاشتراك في القناة :)
للتواصل:
انستكرام - https://www.instagram.com/safaa_j.k/
GitHub : https://github.com/engsafaaj
Android Apps : https://play.google.com/store/apps/developer?id=Safaa+Jassim
المؤلفات والكتب : https://www.noor-book.com/u/Safaa-Jassim/books
دورات مميزة على يوديمي: https://www.udemy.com/user/safaa-jassim/

****************
 نحن نؤمن بأن يكون المحتوى التعليمي مجاني بالكامل وللجميع ولكن يمكنك ان تكون اقرب الينا و تقدم دعمك لنا على
https://www.buymeacoffee.com/utecno
https://www.patreon.com/tecnou
   

Claude Code Tutorial: Build & Ship a Real App with AI, Step by Step