Today I’d like to build a prototype for a recipe site. It should have a functional design with home page/recipe list, about page, and basic recipe pages. The home page will have a short introduction and list of recipes. Each page should have a title, space for a header image, short description, ingredients, and instructions.
The goal is to eventually turn this into a PubStudio template, though it will likely need some more polish before it’s published. For now, I’ll convert all the recipes from my personal notes, with placeholder images.
Home page with recipe list
A few recipe pages
About page
Adjustable quantities (e.g. double the recipe)
Recipe tagging and filtering
Image gallery and video section
It took a while, but the result was better than I expected. The recipe pages are very simple, but easy to extend and duplicate. I identified a few features that would be nice to have, the main one being the ability to reference component inputs in the text content. This would make it easier to set an initial value for components with dynamically updated content.
I was able to implement adjustable quantities, but did not make it to tagging/filtering and image gallery/videos.