Skip to content
Webakery baking websites since 2000

Webakery Apps

A private web app I built for myself, for two things I do in my spare time. It is not open to the public, so here is what it looks like.

  • Recipes

    Change the quantities of a recipe and every ingredient follows. Scale it up for a bigger batch or down for a small one without redoing the maths. For pizza and other leavened doughs you can also change the hydration, and water, flour and the rest are recalculated so the dough stays in balance. Each recipe shows its preparation times.

  • Songs

    Save the guitar chords of each song, to build the tablatures.

Architecture

  • Back end

    A REST API built with Laravel. It holds the recipes, the songs and the chords, and the front end talks to it only through the API.

  • Front end

    A single-page app built with Vue.js 2, with Pinia for the state. It does the recalculation of quantities and hydration in the browser.

  • Deployment

    Both parts are deployed automatically from GitHub. Every commit on main runs the PHP tests first, and the site is published only if they pass.

The list of recipes, filtered by tag
The list of recipes, filtered by tag
A recipe, with the steps and quantities
A recipe, with the steps and quantities
Composing a new chord
Composing a new chord
A song with its chords
A song with its chords