How gambirbuilds/nepali-recipe-finder works
Nepali Recipe Finder is a browser-based recipe discovery and bookmarking app. A cook searches or filters the curated catalog, opens a recipe to review its ingredients and cooking instructions, and can save it to a persistent shelf or follow its video and reference links. App.tsx owns view selection, filtering, and saved IDs; the components render those views and report user actions through callbacks. The sampled source confirms localStorage and outbound links; some catalog content is only partially excerpted.
Main entry points: App.tsx App coordinator · recipes.ts Recipe catalog · RecipeDetail.tsx Recipe detail · SavedShelf.tsx Saved shelf
Components 15
App experience
- React entry
src/main.tsx - App coordinator
src/App.tsx - Navigation header
src/components/Header.tsx - Search hero
src/components/Hero.tsx - Recipe card
src/components/RecipeCard.tsx - Recipe detail
src/components/RecipeDetail.tsx - Saved shelf
src/components/SavedShelf.tsx - Editorial footer
src/components/Footer.tsx
Recipe catalog
- Recipe catalog
src/data/recipes.ts - Recipe types
src/types.ts
Saved recipes and links
- Saved recipe IDs
src/App.tsx - Browser localStorage
- YouTube search
- Recipe source links
Other components
- Home cook
Connections 25
- Home cook → React entry: opens app
- React entry → App coordinator: renders
- App coordinator → Recipe catalog: reads catalog
- App coordinator → Navigation header: renders
- App coordinator → Search hero: renders
- App coordinator → Recipe card: renders results
- App coordinator → Recipe detail: renders selected
- App coordinator → Saved shelf: renders saved view
- App coordinator → Editorial footer: renders
- Search hero → App coordinator: updates search
- Navigation header → App coordinator: navigates views
- Recipe card → App coordinator: opens or saves
- Recipe detail → App coordinator: backs or saves
- Saved shelf → Recipe card: renders saved recipes
- Saved shelf → App coordinator: explores recipes
- Recipe catalog → App coordinator: provides recipes
- App coordinator → Saved recipe IDs: updates IDs
- Saved recipe IDs → Browser localStorage: reads and writes
- App coordinator → Browser localStorage: loads and persists
- Recipe detail → YouTube search: opens search
- Recipe detail → Recipe source links: opens reference
- Recipe catalog → Recipe detail: supplies recipe fields
- Recipe catalog → Recipe card: supplies recipe fields
- Recipe catalog → Saved shelf: supplies recipes
- Recipe types → Recipe catalog: defines data shape