Level 8 challenge

Build and ship a complete project with Claude Code

⏱ Est. ~7 min

01 · Read

Time to play for real. You're going to use Claude Code to build a complete bookmark manager app from scratch — and push it to GitHub when you're done.

No hand-holding step by step. No simulation. You have all the skills: - Terminal (Level 2) — navigate and run commands - File system (Level 3) — create and organize files - Git (Level 4) — version control and GitHub - Web fundamentals (Level 5) — HTML, CSS, JavaScript - Node.js (Level 7) — build real projects - Claude Code (Level 8) — AI-powered development

Each checkbox below is a feature to add. Build them one by one with Claude Code. Review every change with git diff. Use feature branches. This is the professional flow.

Take your time. There's no rush. The goal isn't to be fast — it's to build something real and working.

02 · Checklist

Use Claude Code to build the bookmark manager from scratch. Complete each feature in order. Use the iteration flow you learned: prompt Claude, review the change, commit, move to the next.

Create a new project folder and initialize it with npm
Use Claude to build: HTML page with a form (URL + title + category fields)
Use Claude to add: localStorage persistence
Use Claude to add: display bookmarks grouped by category
Use Claude to add: search/filter feature
Use Claude to add: delete and edit functionality
Review every change with git diff
Use git branches for each feature
Push the finished project to GitHub

03 · Quiz

In the professional Claude Code workflow, what comes after building a feature?

Deploy immediately
Review the changes with git diff
Delete the branch
Start a new feature

04 · Fill in the blank

After Claude Code edits your files, always review them with git _____ before committing.

05 · Read

Congratulations. You just built and shipped a real app using Claude Code.

Let that sink in. When you started this course, you didn't know what a terminal was. Now you've: - Navigated a file system from the command line - Created and managed files and folders - Version-controlled your work with git - Understood how websites and servers work - Built Node.js projects from scratch - Used an AI pair programmer to build complete apps - Pushed your work to GitHub for the world to see

You're not just following tutorials anymore. You're building things. That's the difference between learning to code and actually being able to code.

The bookmark manager on your GitHub profile is proof. You built it. With real tools. Using the professional flow.

And this is just the beginning.

Key points

You built a real, working app from scratch
You used Claude Code as a professional dev tool
You followed the branch-build-review-commit flow
Your project is on GitHub — a real portfolio piece
Next up: Level 9 — teach Claude your workflow with custom skills

06 · Quiz

Claude Code added the feature but also changed files you didn't ask it to touch. What should you do?

Accept it all — Claude probably knows best
Delete the whole project and start over
Use git checkout to undo the unwanted files and keep the rest
Ignore it and push to GitHub anyway

07 · Fill in the blank

Before building a new feature, create a new branch by running: git checkout -b _____

Other lessons in this chapter

⚠ The full interactive experience needs JavaScript. Please enable it and reload.

※ This is an independent Traditional Chinese teaching project — not an official Anthropic product. Claude™ is a trademark of Anthropic, PBC.