Zarha Selene
Back to Projects

FODMAP Recipe App

Next.jsTailwind CSSFramer MotionContext API

Project Overview

A web application designed to help users find and manage low-FODMAP recipes and resources. It features advanced search, filtering options, and detailed food and recipe information to support dietary management.

FODMAP Recipe App

The Challenge

Many people with IBS and other digestive disorders follow a low-FODMAP diet, but finding suitable recipes can be challenging. Existing recipe sites don't offer specialized filtering for FODMAP content.

The Solution

Created a dedicated platform that allows users to search and filter recipes specifically designed for low-FODMAP diets. Implemented a user-friendly interface with clear labeling of safe and trigger ingredients.

Process & Approach

  • Researched FODMAP dietary restrictions and common user needs
  • Designed wireframes and user flows to optimize the recipe discovery process
  • Built a responsive frontend with Next.js and Tailwind CSS
  • Implemented Context API for efficient state management across the application
  • Created custom filters for different FODMAP categories and dietary restrictions

Results & Impact

The application helps users quickly find suitable recipes, save favorites, and manage their dietary needs more effectively.