Skip to content

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.