# celetel-platform/amigo_kitchen architecture

> Architecture diagram of the GitHub repository celetel-platform/amigo_kitchen, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-26). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/celetel-platform/amigo_kitchen
- Repository: https://github.com/celetel-platform/amigo_kitchen

## Overview

This is a restaurant menu website for browsing featured dishes and a categorized food-and-drink menu. A visitor opens the app, which routes to the home page; that page presents featured items and menu categories, while category tabs and search help locate menu sections. Menu data includes prices and vegetarian indicators, and the site shell provides shared navigation and footer content. The README is empty, and several component implementations were not sampled, so their internal wiring is not inferred.

Main entry points: [`src/pages/Home.tsx`](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/pages/Home.tsx) (Home page), [`src/App.tsx`](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/App.tsx) (Router app), [`src/components/Layout.tsx`](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/Layout.tsx) (Page layout), [`src/components/ui/search.tsx`](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/ui/search.tsx) (Menu search)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_shell["App shell"]
  node_entry["React entry<br/>[main.tsx]"]
  node_app["Router app<br/>[App.tsx]"]
  node_layout["Page layout<br/>[Layout.tsx]"]
  node_header["Header<br/>[Header.tsx]"]
  node_footer["Footer<br/>[Footer.tsx]"]
end

subgraph group_menu["Menu browsing"]
  node_home["Home page<br/>[Home.tsx]"]
  node_tabs["Category tabs<br/>[CategoryTabs.tsx]"]
  node_search["Menu search<br/>[search.tsx]"]
  node_featured["Featured items<br/>[FeaturedItems.tsx]"]
  node_category["Menu category<br/>[MenuCategory.tsx]"]
  node_itemlist["Menu item list<br/>[MenuItemList.tsx]"]
  node_foodmark["Food indicator<br/>[FoodIndicator.tsx]"]
end

subgraph group_content["Menu content"]
  node_data["Menu data<br/>[menu.ts]"]
  node_utils["Scroll utilities<br/>[utils.ts]"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens site"| node_entry
node_entry -->|"renders"| node_app
node_app -->|"wraps routes"| node_layout
node_layout -->|"renders"| node_header
node_layout -->|"renders"| node_footer
node_app -->|"routes to"| node_home
node_home -->|"renders"| node_tabs
node_home -->|"renders"| node_featured
node_home -->|"renders"| node_category
node_home -->|"reads menu"| node_data
node_tabs -->|"scrolls to"| node_utils
node_search -->|"searches"| node_data
node_search -->|"scrolls to"| node_utils

click node_entry "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/main.tsx"
click node_app "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/App.tsx"
click node_layout "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/Layout.tsx"
click node_header "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/Header.tsx"
click node_footer "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/Footer.tsx"
click node_home "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/pages/Home.tsx"
click node_tabs "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/CategoryTabs.tsx"
click node_search "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/ui/search.tsx"
click node_featured "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/FeaturedItems.tsx"
click node_category "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/MenuCategory.tsx"
click node_itemlist "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/MenuItemList.tsx"
click node_foodmark "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/FoodIndicator.tsx"
click node_data "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/data/menu.ts"
click node_utils "https://github.com/celetel-platform/amigo_kitchen/blob/main/src/lib/utils.ts"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_entry,node_app,node_layout,node_header,node_footer toneBlue
class node_home,node_tabs,node_search,node_featured,node_category,node_itemlist,node_foodmark toneAmber
class node_data,node_utils toneMint
class node_visitor toneIndigo
```

## Components

### App shell

- [React entry](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/main.tsx): `src/main.tsx`
- [Router app](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/App.tsx): `src/App.tsx`
- [Page layout](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/Layout.tsx): `src/components/Layout.tsx`
- [Header](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/Header.tsx): `src/components/Header.tsx`
- [Footer](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/Footer.tsx): `src/components/Footer.tsx`

### Menu browsing

- [Home page](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/pages/Home.tsx): `src/pages/Home.tsx`
- [Category tabs](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/CategoryTabs.tsx): `src/components/CategoryTabs.tsx`
- [Menu search](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/ui/search.tsx): `src/components/ui/search.tsx`
- [Featured items](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/FeaturedItems.tsx): `src/components/FeaturedItems.tsx`
- [Menu category](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/MenuCategory.tsx): `src/components/MenuCategory.tsx`
- [Menu item list](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/MenuItemList.tsx): `src/components/MenuItemList.tsx`
- [Food indicator](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/components/FoodIndicator.tsx): `src/components/FoodIndicator.tsx`

### Menu content

- [Menu data](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/data/menu.ts): `src/data/menu.ts`
- [Scroll utilities](https://github.com/celetel-platform/amigo_kitchen/blob/main/src/lib/utils.ts): `src/lib/utils.ts`

### Other components

- **Visitor**

## Connections

- Visitor → React entry: opens site
- React entry → Router app: renders
- Router app → Page layout: wraps routes
- Page layout → Header: renders
- Page layout → Footer: renders
- Router app → Home page: routes to
- Home page → Category tabs: renders
- Home page → Featured items: renders
- Home page → Menu category: renders
- Home page → Menu data: reads menu
- Category tabs → Scroll utilities: scrolls to
- Menu search → Menu data: searches
- Menu search → Scroll utilities: scrolls to