React Native, Product Design, UX/UI

Zest

A cooking education app that transforms beginners into confident home cooks through bite-sized lessons and intelligent recipe recommendations.

Check Out the App

Project Overview

Learning to cook is intimidating. Between complex recipes, unfamiliar techniques, and the fear of failure, many people never develop this essential life skill. Zest wanted to change that by creating a mobile app that makes cooking education as engaging as scrolling through social media.

When I joined Zest as Founding Engineer in February 2024, the company had a vision but needed someone who could bridge design and development to actually build it. The big question: how do you make cooking education stick in a world of infinite distractions?

My Role

As Founding Engineer, I wear multiple hats—mostly building the React Native app for iOS and Android while also being one of two UI/UX designers. Working with our CTO, Amrit Saini, and lead designer, Savannah Cooper, I help shape product decisions and turn them into features that our 13,000+ daily active users actually use.

In our small 6-person team, I build frontend features using React Native and TypeScript, design user interfaces and experiences, bridge the gap between what’s technically possible and what makes sense for users, and contribute to product strategy based on data and real user feedback.

App Highlights

Integrated Learning: Bridging the Gap Between Learning and Doing

One of our biggest challenges was getting users to go from watching lessons to actually cooking. So we built a comprehensive learning system that works on multiple levels.

We created structured concept lessons that users can scroll through to learn foundational cooking knowledge—everything from understanding different cooking methods to ingredient science. These lessons end with interactive quizzes that help reinforce what users just learned and make sure the concepts actually stick.

Concept lessons end with quizzes to reinforce learnings

We also experimented with different ways to deliver this content, including a TikTok-style video format where users could swipe through short videos instead of reading text-based lessons.

Experiments included a TikTok-style video lesson

But the real magic happens when users are actively cooking. We put short technique videos right into recipe instruction steps and added contextual links that cover different techniques for each step—whether it’s proper knife skills for dicing onions or the right way to fold ingredients.

We also connected recipe detail screens to our lesson content, so users can jump into relevant educational material and come back to their cooking seamlessly.

Technique videos integrated directly into recipe instruction steps

This turned out to be pretty important—users who actually cook recipes are way more likely to become paying subscribers, and this feature helped remove the friction between learning and doing.

Recipe Import: Bringing the Whole Internet to Your Kitchen

One of our most popular features lets users import any recipe from the web. I built the entire import system, from the in-app browser to share sheet functionality. Using machine learning on the backend, we designed the user flow to make importing feel really smooth and intuitive.

We also pushed hard for supporting imports from social media apps like TikTok and Instagram, since we knew that’s where a lot of people discover recipes. This feature opened up basically infinite possibilities while keeping the educational structure that makes Zest special.

Zest Recipe Import Screenshots
Complete import flow from discovery to parsed recipe

Intelligent Dietary Management

We built preference management that goes way beyond simple filters, creating a system that actually personalizes the cooking experience. Users can set dietary restrictions (vegan, gluten-free, keto, etc.), specify allergies with severity levels, mark ingredients they don’t like, and get smart recipe recommendations tailored to their needs.

But the really cool part is our AI-powered recipe customization feature. With a single tap, users can adapt any recipe—whether it’s from our curated Zest collection or something they imported from the web—to match their dietary preferences, allergies, and dislikes. Our AI intelligently swaps out ingredients and adjusts cooking instructions on the fly, turning a regular pasta dish into a gluten-free version or converting a meat-based recipe for vegetarian users.

This feature bridges the gap between finding interesting recipes and actually being able to cook them safely and enjoyably, making the app work for users with all kinds of dietary needs.

Zest Recipe Customization Screenshots
Comprehensive preferences allow users to customize any recipe

Grocery Lists That Actually Work

Our grocery list feature automatically pulls together ingredients from selected recipes, combines quantities smartly, and lets you add manual items—turning meal planning from a chore into something simple. But we didn’t stop at basic list-making.

The app sorts ingredients by grocery store aisle (produce, dairy, pantry, etc.) so you can shop efficiently, but also lets you view ingredients organized by recipe when you’re planning meals. Users can easily switch between these views depending on whether they’re meal planning or actually at the store.

Each ingredient is tappable too. Hit any item and you get a detail page with info about the ingredient, suggestions for substitutes if you can’t find it or it doesn’t work with your diet, tips for picking out the good stuff at the store, and advice on how to store it properly so it doesn’t go bad.

This turns grocery shopping from a basic errand into a chance to learn more about cooking and become a smarter shopper.

Zest Menu and Groceries Screenshots
Your menu syncs seamlessly with your grocery list, making shopping a breeze

Conclusion & Lessons Learned

This case study just scratches the surface of what we built, but working at Zest has been an incredible learning experience, both technically and strategically. As a founding engineer, I helped build a solid React Native app that’s scaled to 13,000+ daily active users while keeping strong app store ratings.

This involved developing complex features like web recipe importing, integrated learning systems, and cross-platform video playback, plus influencing UX decisions around navigation flows, animation timing, and interface details that made the overall experience better.

Zest App Screenshots

Check out Zest on the App Store and Google Play