Recipe App Homepage that shows recent recipes and random recipes.
The ability to filter and search for any recipe in the application.
View a recipe (in some browser you can even stop the page from sleeping the display)
Quickly create new recipes by adding ingredients and steps
Customize the icon and its color.
View collections of recipes
View a list of every recipe
Family Recipe App
We weren't totally satisfied by our paper recipe process (See the Recipe Generator), so decided that we should build something a bit different. View the source on the Family Recipe App Github
Our main issues we were having were:
- It was hard to quickly edit, you had to write down your changes, then edit markdown, then reprint the recipe
- It was hard to share, if you wanted to share a single recipe you had to either manually run the process for the single recipe, or print a single page from the generated PDF and then share.
- It wasn't easy for anyone in our family to add their recipes, they would have to share it with us and then we would add it and send it back
These problems led us to decide to build a basic web app that anyone in our families could log in to and add or view recipes. It had a few main requirements:
- It needed to be easy to create recipes
- It needed to be easy to edit recipes
- Recipes should be easy to find
- It should be easy to create a variation of another persons recipe.
- Nice to have: Keep the screen awake when viewing a recipe (This was added)
- Nice to have: Scaling of ingredents (This was added)
- Nice to have: Generate PDFs (This is still on the todo list)
This ended up being a react app that lives in an S3 bucket on AWS and stores the recipes in DynamoDB. Based on the number of users we have it costs about a dollar a month to host. On the client side we are also caching the recipes which drastically reduces calls to AWS. At some point I want to do some more work with making this setup more Local First, and also add in PDF generation.