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 Problem & User Needs

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 & Contributions

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.

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.

INDIAN COOK APP
Fig 1.1 โ€” Final Render
Previous Project
Previous
Index
Home
Next Project
Next