RecipeBook

A personal web app for saving recipe links from the web and creating custom recipes — all in one organised collection.

Live Designer & Builder ~1 week (2025) Personal Project Web App recipe-book.site
RecipeBook app

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.
417 Saved recipes
1 week Designed & launched in
1 developer Called for back-end support
Live At recipe-book.site

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

Youtube embed

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.

RecipeBook home page

Custom recipe editor

Title, ingredients (checkbox list), step-by-step instructions, and free-form notes.

RecipeBook custom recipe editor detail

My Recipes library

All saved recipes in a clean list with date added, source link, and favouriting.

RecipeBook saved recipe library

Full recipe detail view in both short and long formats.

RecipeBook full recipe detail view

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.

RecipeBook secondary states

Outcome

Designed and shipped within one week — live at recipe-book.site