How sahasawat-boss/stich-aistudio-easy-recipe works
This is a client-side recipe discovery and guided-cooking app. Users browse or search a local recipe catalog, inspect a recipe and serving-scaled ingredients, then follow timed cooking steps; they can also save favorites and adjust profile preferences. App.tsx coordinates screen selection and shared state, including favorites, theme, and the selected recipe. The README is empty, and excerpts are partial, so links for unsampled UI behavior are limited to wiring visible in the supplied source.
Main entry points: App.tsx App Coordinator · HomeScreen.tsx Home · FavoritesScreen.tsx Saved Recipes · recipes.ts Recipe Catalog
Components 13
App Shell
- React Entry
src/main.tsx - App Coordinator
src/App.tsx - Header
src/components/Header.tsx - Bottom Navigation
src/components/BottomNav.tsx
Recipe Discovery
- Recipe Catalog
src/data/recipes.ts - Home
src/components/HomeScreen.tsx - Search and Filters
src/components/SearchScreen.tsx - Recipe Detail
src/components/RecipeDetailScreen.tsx
Recipe Cooking
- Cooking Mode
src/components/CookingModeScreen.tsx - Timer Chime
src/utils/sound.ts
Personalization
- Saved Recipes
src/components/FavoritesScreen.tsx - Profile
src/components/ProfileScreen.tsx
Other components
- Cook
Connections 24
- Cook → React Entry: opens app
- React Entry → App Coordinator: renders
- App Coordinator → Header: renders
- App Coordinator → Bottom Navigation: renders
- App Coordinator → Home: renders
- App Coordinator → Search and Filters: renders
- App Coordinator → Recipe Detail: renders
- App Coordinator → Cooking Mode: renders
- App Coordinator → Saved Recipes: renders
- App Coordinator → Profile: renders
- Home → Recipe Catalog: reads recipes
- Search and Filters → Recipe Catalog: filters recipes
- Saved Recipes → Recipe Catalog: resolves saved IDs
- App Coordinator → Recipe Catalog: looks up recipe
- Home → App Coordinator: submits search
- Search and Filters → App Coordinator: selects recipe
- Home → App Coordinator: selects recipe
- Saved Recipes → App Coordinator: selects or cooks
- Recipe Detail → App Coordinator: starts cooking
- App Coordinator → Recipe Detail: passes recipe
- App Coordinator → Cooking Mode: passes recipe
- App Coordinator → Saved Recipes: passes saved IDs
- App Coordinator → Profile: passes saved count
- Cooking Mode → Timer Chime: plays on timer