RecipeBook
A personal web app for saving recipe links from the web and creating custom recipes — all in one organised collection.
Summary
RecipeBook is a personal web app that helps people save, organise, and revisit recipes in one clean, dedicated space. It supports both URL-based recipe imports and fully custom recipe creation, bringing scattered bookmarks, screenshots, and notes into a single personal cookbook.
I designed and built the full product independently — from concept and interface design to launch — and shipped it live in around one week.
I was responsible for:
- The product concept and feature scope, focused on two core actions: importing recipes from URLs and creating recipes manually.
- The home page design, with clear entry points for URL import and custom recipe creation.
- The saved recipe library, with list view, favouriting, date added, and source links.
- The custom recipe editor, including structured sections for ingredients, step-by-step instructions, and notes.
- A live web app launched at recipe-book.site, with the core recipe-saving experience operational.
Problem
Recipe lovers tend to bookmark links across browsers, screenshot cards, and write steps in notes apps — none of which are organised or shareable. There was no lightweight tool that handled both saved web recipes and custom user-created ones in a single, clean interface.
Process
Solution
Home page with URL paste field — users can import any recipe from the web.
Any URL from a recipe site can be pasted here, and is parsed and saved into the library.
Custom recipe editor
Title, ingredients (checkbox list), step-by-step instructions, and free-form notes.
My Recipes library
All saved recipes in a clean list with date added, source link, and favouriting.
Full recipe detail view in both short and long formats.
Didn't want any extensive backend for this project, so at the moment, this app stores recipes locally but can be shared across devices using a share link.
Designed all secondary states
Loading, error (not logged in), delete confirmation modal, and empty state.
Outcome
Designed and shipped within one week — live at recipe-book.site
- The app has seen 417 recipes so far and good reviews. However, it hasn't seen much traffic since 2025 as many more apps have come up for both mobile and web use that perform this exact function.