Meal Seeker

A webapp to find meals based on the ingredients you have at home

Meal Seeker
A pop-up to add a meal to a meal plan
A recipe page

Project Links.

Technologies Used.

  • Next.js
  • Tailwind CSS
  • TypeScript
  • ShadCN
  • React Toastify

Detailed Description.

Meal Seeker is a web app built with the Spoonacular API that helps users discover new recipes based on the ingredients they already have at home. The app includes a meal planning system, where users can save their favorite recipes, organize them by day and meal type, and easily revisit them later. To keep users engaged, it also features a streak system that rewards consistent use over time. The UI is powered by Next.js, Tailwind CSS, and ShadCN, with React Toastify providing a smooth notification experience. This project allowed me to combine API integration, state management, and UI libraries into a practical, user-friendly app. My goal was to make cooking easier and more fun while deepening my skills in building production-ready React applications.