# ishantrivedi468-lang/king-kohli architecture

> Architecture diagram of the GitHub repository ishantrivedi468-lang/king-kohli, 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/ishantrivedi468-lang/king-kohli
- Repository: https://github.com/ishantrivedi468-lang/king-kohli

## Overview

Virat The King is a React/TypeScript fan-tribute website. Visitors enter through the home page, explore career milestones and statistics, then navigate to focused pages for records, trophies, and relationships; the gallery provides a separate photo-browsing experience. Route modules are the main domain layer, with shared site components and data manifests supporting presentation. The home-page wiring and several shared components are sampled; unsampled route internals are represented by their paths and documented purpose, without guessing their data flow.

Main entry points: [`src/router.tsx`](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/router.tsx) (Router), [`src/routes/index.tsx`](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/index.tsx) (Home), [`src/routes/trophies.tsx`](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/trophies.tsx) (Trophies), [`src/routes/__root.tsx`](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/__root.tsx) (Root layout)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_routing["Site navigation"]
  node_router["Router<br/>[router.tsx]"]
  node_root["Root layout<br/>[__root.tsx]"]
end

subgraph group_story["Career and legacy"]
  node_home["Home<br/>[index.tsx]"]
  node_career["Career timeline<br/>[career.tsx]"]
  node_stats["Career statistics<br/>[stats.tsx]"]
  node_records["Records<br/>[records.tsx]"]
  node_greatness["Greatness<br/>[greatness.tsx]"]
  node_trophies["Trophies<br/>[trophies.tsx]"]
end

subgraph group_community["Relationships and gallery"]
  node_mahirat["Mahirat<br/>[mahirat.tsx]"]
  node_virushka["Virushka<br/>[virushka.tsx]"]
  node_rohirat["Rohirat<br/>[rohirat.tsx]"]
  node_gallery["Photo gallery<br/>[gallery.tsx]"]
end

subgraph group_shared["Shared presentation"]
  node_site_components["Site components<br/>[Bits.tsx]"]
  node_navigation["Navigation<br/>[Nav.tsx]"]
  node_photo_frame["Photo frames<br/>[PhotoFrame.tsx]"]
  node_lightbox["Lightbox<br/>[Lightbox.tsx]"]
  node_content_data["Story content<br/>[content.ts]"]
  node_stats_data["Statistics data<br/>[stats.ts]"]
  node_media_data["Media mapping<br/>[media.ts]"]
  node_photo_manifest["Photo manifest<br/>[photos.ts]"]
end

node_visitor(("Visitor"))
node_commons["Wikimedia Commons"]

node_visitor -->|"opens site"| node_router
node_router -->|"renders layout"| node_root
node_root -->|"displays navigation"| node_navigation
node_navigation -->|"links routes"| node_router
node_router -->|"dispatches route"| node_home
node_router -->|"dispatches route"| node_career
node_router -->|"dispatches route"| node_stats
node_router -->|"dispatches route"| node_records
node_router -->|"dispatches route"| node_greatness
node_router -->|"dispatches route"| node_trophies
node_router -->|"dispatches route"| node_mahirat
node_router -->|"dispatches route"| node_virushka
node_router -->|"dispatches route"| node_rohirat
node_router -->|"dispatches route"| node_gallery
node_home -->|"reads milestones"| node_content_data
node_home -->|"reads statistics"| node_stats_data
node_home -->|"renders sections"| node_site_components
node_trophies -->|"selects photos"| node_media_data
node_trophies -->|"renders photos"| node_photo_frame
node_media_data -->|"maps photos"| node_photo_manifest
node_photo_manifest -.->|"references images"| node_commons
node_gallery -->|"opens images"| node_lightbox

click node_router "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/router.tsx"
click node_root "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/__root.tsx"
click node_home "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/index.tsx"
click node_career "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/career.tsx"
click node_stats "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/stats.tsx"
click node_records "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/records.tsx"
click node_greatness "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/greatness.tsx"
click node_trophies "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/trophies.tsx"
click node_mahirat "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/mahirat.tsx"
click node_virushka "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/virushka.tsx"
click node_rohirat "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/rohirat.tsx"
click node_gallery "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/gallery.tsx"
click node_site_components "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/components/site/Bits.tsx"
click node_navigation "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/components/site/Nav.tsx"
click node_photo_frame "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/components/site/PhotoFrame.tsx"
click node_lightbox "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/components/site/Lightbox.tsx"
click node_content_data "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/data/content.ts"
click node_stats_data "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/data/stats.ts"
click node_media_data "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/data/media.ts"
click node_photo_manifest "https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/data/photos.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_router,node_root toneBlue
class node_home,node_career,node_stats,node_records,node_greatness,node_trophies toneAmber
class node_mahirat,node_virushka,node_rohirat,node_gallery toneMint
class node_site_components,node_navigation,node_photo_frame,node_lightbox,node_content_data,node_stats_data,node_media_data,node_photo_manifest toneRose
class node_visitor,node_commons toneIndigo
```

## Components

### Site navigation

- [Router](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/router.tsx): `src/router.tsx`
- [Root layout](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/__root.tsx): `src/routes/__root.tsx`

### Career and legacy

- [Home](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/index.tsx): `src/routes/index.tsx`
- [Career timeline](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/career.tsx): `src/routes/career.tsx`
- [Career statistics](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/stats.tsx): `src/routes/stats.tsx`
- [Records](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/records.tsx): `src/routes/records.tsx`
- [Greatness](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/greatness.tsx): `src/routes/greatness.tsx`
- [Trophies](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/trophies.tsx): `src/routes/trophies.tsx`

### Relationships and gallery

- [Mahirat](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/mahirat.tsx): `src/routes/mahirat.tsx`
- [Virushka](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/virushka.tsx): `src/routes/virushka.tsx`
- [Rohirat](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/rohirat.tsx): `src/routes/rohirat.tsx`
- [Photo gallery](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/routes/gallery.tsx): `src/routes/gallery.tsx`

### Shared presentation

- [Site components](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/components/site/Bits.tsx): `src/components/site/Bits.tsx`
- [Navigation](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/components/site/Nav.tsx): `src/components/site/Nav.tsx`
- [Photo frames](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/components/site/PhotoFrame.tsx): `src/components/site/PhotoFrame.tsx`
- [Lightbox](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/components/site/Lightbox.tsx): `src/components/site/Lightbox.tsx`
- [Story content](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/data/content.ts): `src/data/content.ts`
- [Statistics data](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/data/stats.ts): `src/data/stats.ts`
- [Media mapping](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/data/media.ts): `src/data/media.ts`
- [Photo manifest](https://github.com/ishantrivedi468-lang/king-kohli/blob/main/src/data/photos.ts): `src/data/photos.ts`

### Other components

- **Visitor**
- **Wikimedia Commons**

## Connections

- Visitor → Router: opens site
- Router → Root layout: renders layout
- Root layout → Navigation: displays navigation
- Navigation → Router: links routes
- Router → Home: dispatches route
- Router → Career timeline: dispatches route
- Router → Career statistics: dispatches route
- Router → Records: dispatches route
- Router → Greatness: dispatches route
- Router → Trophies: dispatches route
- Router → Mahirat: dispatches route
- Router → Virushka: dispatches route
- Router → Rohirat: dispatches route
- Router → Photo gallery: dispatches route
- Home → Story content: reads milestones
- Home → Statistics data: reads statistics
- Home → Site components: renders sections
- Trophies → Media mapping: selects photos
- Trophies → Photo frames: renders photos
- Media mapping → Photo manifest: maps photos
- Photo manifest → Wikimedia Commons: references images
- Photo gallery → Lightbox: opens images