Step 1 of 5 · about 50 min
Build Comanda
This is the signature piece. You build a tiny app, then automate it, which ties your front end past to the code and gives you tests you fully understand, because you wrote the thing they test.
Comanda is a minimal restaurant order tracker in plain HTML, CSS, and JavaScript. No framework, on purpose. One screen: add an order to a table, mark it delivered, and see the running total. That is the whole app, and it is squarely inside the front end work you already know how to do.
Tip
Resist the urge to make it pretty or clever. A plain app with clear behaviour is easy to test. A fancy one with animations and edge cases is a second project pretending to be the first.
Why
Owning the app changes the tests. When you control the markup, you can add the data-test attributes that make selectors stable, and you never have to guess what the app was supposed to do. You decided.