Hanzi Master live demonstration

Try it online: Open Hanzi Master ↗

One sentence of AI assistance to generate a web page, and an MVP in one week.

In the beginner tutorials that follow, we take Hanzi Master as the example and walk you through turning an abstract requirement into a fully working website, using AI tools such as Google AI Studio and today's most popular vibe coding approach. In this beginner series you will learn:

1. How to turn a vague idea into a clear instruction for AI

2. Building a web front end fast with AI

3. Implementing site features and refining the interactions

4. Setting up a lightweight back end for data

5. Optimising the site for mobile

6. Avoiding the pitfalls you run into along the way

7. Deploying the website to a cloud server