Indian Cook App

Web Application ยท 2025

Indian Cook App

A modern, user-friendly web application for discovering and cooking Indian recipes. Built with React 18 and Vite, featuring ingredient-based search, step-by-step cooking guidance, and a warm, inviting design system.

The Challenge

Home cooks frequently face the dilemma of 'what can I cook with what I have?' specifically within the context of Indian cuisine. Users needed a way to filter traditional recipes based on their pantry contents to reduce food waste and decision fatigue.

Role & Deliverables

Role

Full Stack Creator (Design & Code)

Responsibilities

UI/UX design, React application development, state management for complex filtering, and curating the JSON recipe database.

Timeline

4 Weeks

Research Methods

Performed a heuristic evaluation of popular recipe apps (e.g., SuperCook) and noted a lack of focus on regional Indian cuisines. Surveyed amateur cooks to understand how they categorize their ingredients and dietary preferences.

Design Process

01. UX Flows

Created streamlined flows for ingredient selection and recipe matching without forcing user registration.

02. UI Design System

Developed a warm color palette (Terracotta, Beige, Sage) to evoke the feeling of a traditional kitchen.

03. Interaction Design

Implemented a step-by-step 'Cooking Mode' interface with built-in timers to prevent users from losing their place.

Design system exploration and cooking mode UI iterations.
Design system exploration and cooking mode UI iterations.
Click to expand

Measurable Outcomes

Successfully implemented complex multi-parameter filtering (ingredients, region, dietary restrictions) with zero noticeable lag. User testing sessions highlighted the 'Cooking Mode' as a standout feature that improved the hands-on kitchen experience.

Previous Project
Previous
Portfolio
All Work
Next Project
Next