0:00
13:58
13:58

Claude Code for Beginners — Build Your First App with AI (No Coding Required!)

Education

In this step-by-step tutorial, I show you how to use Claude Code to build a fully working web app — without writing a single line of code yourself. We go from an empty desktop to a complete Bookmark Dashboard app with search, categories, dark mode, and more — all by typing plain English. Whether you're a teacher, a professional, or just someone curious about AI — this video will show you that the barrier to building technology is coming down. Claude Code - Build your First Agent: https://youtu.be/gHB4JFG9i3k Claude Code: Build a Business Analyst Learn how to use Claude Cowork: https://youtu.be/vv09DHej6gg ⏱ TIMESTAMPS 0:00 — What we're building (preview) 0:45 — What is Claude Code? 1:51 — Pricing & what you need 3:03 — Installation walkthrough 3:42 — Windows fix: Git Bash error 6:02 — Building the app (live demo) 11:45 — Tips & best practices 13:22 — Wrap-up ━━━━━━━━━━━━━━━━━━━━━━━━━ 🔗 IMPORTANT LINKS Claude (sign up / pricing): https://claude.ai/pricing Claude Code documentation: https://code.claude.com/docs Git Bash for Windows (if you get the red error): https://git-scm.com/downloads/win ━━━━━━━━━━━━━━━━━━━━━━━━━ 💻 INSTALLATION COMMANDS Mac (with Homebrew): brew install claude-code Windows (PowerShell): winget install Anthropic.ClaudeCode Start Claude Code: claude Windows Git Bash fix (if Claude Code can't find it): $env:CLAUDE_CODE_GIT_BASH_PATH = "C:\Program Files\Git\bin\bash.exe" ━━━━━━━━━━━━━━━━━━━━━━━━━ 📋 PROMPT 1: Build the Bookmark App (Copy and paste this into Claude Code) Create a new folder on my Desktop called my-bookmarks-app, then build me a personal bookmark dashboard as a single HTML file inside it. Here's what it should do: Let me save bookmarks with a title, URL, category, and optional notes Display all bookmarks as nice-looking cards in a grid layout Include a search bar that filters bookmarks by title or category Let me filter by category using clickable buttons Save everything to the browser's local storage so bookmarks persist Include some sample bookmarks so it doesn't look empty when it first loads Make it look modern and clean with a blue color scheme Let me delete bookmarks I don't want anymore Make it responsive so it works on mobile too ━━━━━━━━━━━━━━━━━━━━━━━━━ 📋 PROMPT 2: Open the App (After Claude finishes building) Open the app in my browser so I can see it ━━━━━━━━━━━━━━━━━━━━━━━━━ 📋 PROMPT 3: Add New Features (To add edit and dark mode) Can you add two more features to the bookmark app: An edit button on each card so I can update the title, URL, or category A dark mode toggle in the top right corner ━━━━━━━━━━━━━━━━━━━━━━━━━ ⚡ TIPS & USEFUL COMMANDS Plan Mode (review before building): Press Shift + Tab before typing your prompt Compact (refresh Claude's memory): /compact Ask Claude to explain code: Can you explain how the search feature works? Paste errors back to Claude: I'm getting this error: [paste error here] — can you fix it?

ADVERTISEMENT

Comments 36

Sign in to join the conversation

Sign in
J
josué_costela 4 weeks ago

This is so helpful, thanks! Can you explain why you use Terminal instead of the Claude desktop app?

C
corinne.daniel 1 month ago

I did plain HTML website just using basic Claude Chat. Perhaps you have better examples where Claude Code will actually adds more value?

N
naksh_chaudhry 1 month ago

Thanks for such a wonderful easy to follow tutorial! ❤ Will you consider do a similar tutorial for 100% Local? for example for 24-32 GB VRAM (RTX 3090 / 4090 / 5090). Suggestion: AnythingLLM + Godot to create a mini-game or mini-app all 100% local, setting up AnythingLLM with it's built in MCP for Godot or any other software and do similar thing like you just showed with Claude Code but with a different model of choice, if it's Gemma-4 or Qwen 3.5 or Qwen Code (whatever fits in 24-32GB VRAM + The right headroom "oxygen" for the context and the Windows programs to run during the session. That will be very cool to see as for 100% local which starting to be "a thing" these days. Thanks ahead, and please keep up the good work! 🙏

micheal.turner
micheal.turner 1 month ago

How much of your $20 did building that app use?

G
genaro.chavarría 1 month ago

So beautifully explained thank you sir

S
sébastienraven35 1 month, 1 week ago

How much space will Claude Code use , how much space do I need to keep available on my Mac for the install and regular use and does it delete any folders accidentally etc? Thanks for the tutorial

eloah_damata
eloah_damata 1 month, 1 week ago

This is good, but you need to know your code and scalability of it. You need to understand principles of programing, if not you're just being replaced by AI. Good tool for speeding up development, but it should be assistance tool not replacment.

J
jilllewis330 1 month, 2 weeks ago

Another wonderful video! Thanks alot!

A
aliciabloom16 1 month, 2 weeks ago

I just talked to Claude and it walked me through the downloads and everything! I'm only just testing now, but I didn't know about the plan mode. I too know nothing about coding, but it walked me through everything, even when I was having trouble with the terminal interface (I needed to move my computer windows tool bar from the bottom over to the side because I couldn't see the bottom of terminal). This is incredible. I'm going to copy your dashboard idea too, thanks!

M
mohammed.barrett 1 month, 2 weeks ago

Great video and simple instructions, thanks!

kabir_khalsa
kabir_khalsa 1 month, 2 weeks ago

Thank You for this video. Got me started in an instant. I have already used up all tokens in my second build. This video gave me the basics to start.

L
lorraine_powell 1 month, 3 weeks ago

I skipped the homebrew step and just went to node.js and then got to claude code

keith.mitchell
keith.mitchell 1 month, 3 weeks ago

amazing, thank you!

A
aimée.foucher 1 month, 3 weeks ago

/compact isnt a good way it will prune important information too

anel.valdez
anel.valdez 1 month, 3 weeks ago

Trying to install homebrew in terminal, it says Sudo password required, not able to do anything, stuck :(

K
kimberlyechoing26 1 month, 3 weeks ago

but thats not how it looks at all.... is this video already outdated after 1 month?

M
maríadelcarmenuribe801 1 month, 3 weeks ago

Very nice video. How can I place an app on Apple Store after built ?

joshuachen282
joshuachen282 1 month, 3 weeks ago

Hello!! Your videos are truly one of the best technical videos that I have seen. Very relevant, extremely easy to understand and beautiful interface/slides!! I wish I had found your channel earlier!! Thank you.

J
jilllewis330 1 month, 4 weeks ago

Excellent introduction to what is a complicated subject. I'll save this and send it to anyone who needs a tutorial on how to get started with Clause code. (like me)

B
bryanmyst97 1 month, 4 weeks ago

I’ve checked out tens of Claude for Beginners videos and left feeling more and more confused. You’re videos are by far and away the clearest and most well constructed I’ve seen. Great speaking speed, excellent explanations with easy to follow instructions. I’m glad I found your channel.