Skip to content
Available for work
Adam
←  All projects

Case study · 2024

Foody

Search recipes, browse by category, and cook from step-by-step instructions.

Visit site (opens in a new tab)
Screenshot of the Foody interface
Status
Live
Year
2024
Stack
Next.js · React · JavaScript · Tailwind CSS · NextUI · Framer Motion · Axios

Overview

Foody is a recipe app for people who actually cook. Search for a dish or browse by category, and it serves up the ingredient list and step-by-step instructions, the kind of thing you want open on your phone in the kitchen.

Highlights

  • Live recipe data from TheMealDB: search by name, filter by category, and look up full recipes.
  • Ingredients and instructions laid out for reading at a glance.
  • A component-based Next.js architecture that keeps the UI consistent and easy to extend.
  • Styled with Tailwind CSS and NextUI, with motion from Framer Motion and smooth scrolling with Lenis.