Guided Projects
Each project below produces a working app. A project takes one or two sittings to write and teaches the skills that the next project assumes, so work through them in order.
| # | Project | You build | You learn | Time |
|---|---|---|---|---|
| 1 | Care for a virtual pet | Buttons that feed, play with, and rest a pet | State, routes, helper functions, first tests | 1 sitting |
| 2 | Build a story maker | Fill-in-the-blank pages that generate a silly story | Forms, input, values crossing pages | 1 sitting |
| 3 | Make a quiz game | Questions from a list, right/wrong branches, a score | Lists of dataclasses, dynamic pages | 1-2 sittings |
| 4 | Finish and test an app | The quiz, tested, styled, and ready to release | Regression tests, themes, production prep | 1 sitting |
Before you start
You should have finished Start, which means you can build a page with a button, run it, and find the debug panel. Project 1 assumes nothing beyond those skills.
Skipping ahead
Each project opens by letting you try the finished app, so you can judge whether you already know what it teaches. If you can read project 1's code and predict what every route does, move to project 2. If you are already comfortable with forms, move to project 3.
After the projects
Once the projects are done, you are ready to build something of your own. Your Project walks you from an idea to a deployed app, and Add to Your App collects recipes for the features you are likely to want along the way.