Building a recipe-to-grocery app from a real dinner-time problem

Overview

Picklet is a personal app concept focused on making meal planning easier by turning recipes into practical grocery lists.

Role

Product design

UI design

Type

Personal project

Timeline

A few weeks

How it started

I was planning dinner one night, and then needed to create a grocery list. I thought it would be nice to just paste the recipe into an app and have it give me a grocery list, so I downloaded a few apps to try out and was not too satisfied with any of them.

So I decided to make my own app. A few weeks later I could not even remember what we had for dinner that night, but now I had my own personal app to plan meals in the future. I used Cursor, Claude AI, and Figma to design and build it.

Live Application

On a large screen, use the tabs to switch between desktop and mobile previews. On phones and tablets, only the mobile-width preview is shown, full width.