Back to Projects
AIFull Stack

Cooksy – Smart Food Management & Recipe Generator

Cooksy is a smart food management and recipe generation app designed to help users reduce food waste and make cooking easier. Many people struggle with keeping track of what they have at home and end up wasting food because they don’t know what to cook. Cooksy solves this by letting users add ingredients manually or upload a photo to detect ingredients automatically, then generating personalized recipes based on what they already have.

ReactTailwindCSSMotokoAI Image Detection
Source Code

✦ Key Features

  • Ingredient input through text or image upload
  • AI-powered ingredient detection from photos
  • Intelligent recipe generation based on available ingredients
  • Detailed cooking instructions, prep time, and difficulty ratings
  • Save favorite recipes and revisit past ingredient lists through the History tab
  • Useful food storage and safety tips to help reduce waste
  • Clean, centered demo-friendly UI built with React + TailwindCSS

✦ My Role

  • Implemented photo-based ingredient detection
  • Built the recipe generation logic and formatting
  • Designed and developed the full UI using React + TailwindCSS
  • Created the ingredient history and favorites system
  • Integrated with the Internet Computer backend using Motoko
  • Optimized the UX for smooth demos and fast iteration

Outcome

  • Delivered a polished, fully functional smart recipe assistant
  • Helped users reduce food waste by turning ingredients into actionable recipes
  • Learned how to connect React frontends with Internet Computer canisters and how to optimize AI-driven UX flows

What I Learned

Learned how to connect React frontends with Internet Computer canisters and how to optimize AI-driven UX flows.