# nepal-byte/try architecture

> Architecture diagram of the GitHub repository nepal-byte/try, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-10). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/nepal-byte/try
- Repository: https://github.com/nepal-byte/try

## Overview

This is a React school website presenting the school, its history, programs, admissions, gallery, donations, and contact information. A visitor enters through the routed application shell, views a page, and can proceed to admission or contact forms; admission and contact data use browser local storage rather than a shown server workflow. The README is minimal, so capability detail comes from sampled page excerpts and the source index. Unsampled page internals and any external form or payment integrations are not inferred.

Main entry points: [`src/App.tsx`](https://github.com/nepal-byte/try/blob/main/src/App.tsx) (Routes and layout), [`src/components/PlaceholderImage.tsx`](https://github.com/nepal-byte/try/blob/main/src/components/PlaceholderImage.tsx) (Image placeholders), [`src/pages/AboutPage.tsx`](https://github.com/nepal-byte/try/blob/main/src/pages/AboutPage.tsx) (About), [`src/pages/HomePage.tsx`](https://github.com/nepal-byte/try/blob/main/src/pages/HomePage.tsx) (Home)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_application["Application shell"]
  node_app["Routes and layout<br/>[App.tsx]"]
  node_notfound["Not found<br/>[NotFoundPage.tsx]"]
  node_localstorage["Browser storage hook<br/>[useLocalStorage.ts]"]
  node_topbar["Top bar<br/>[TopBar.tsx]"]
  node_navbar["Navigation<br/>[Navbar.tsx]"]
  node_breadcrumb["Breadcrumbs<br/>[Breadcrumb.tsx]"]
  node_footer["Footer<br/>[Footer.tsx]"]
  node_scrolltop["Scroll controls<br/>[ScrollToTop.tsx]"]
end

subgraph group_school["School information"]
  node_home["Home<br/>[HomePage.tsx]"]
  node_about["About<br/>[AboutPage.tsx]"]
  node_leadership["Leadership section"]
  node_guidance["Guiding values"]
  node_pillars["Development pillars"]
  node_placeholder["Image placeholders"]
end

subgraph group_learning["Programs and learning"]
  node_programs["Programs<br/>[ProgramsPage.tsx]"]
  node_schoollife["School life"]
end

subgraph group_engagement["Visitor engagement"]
  node_admission["Admissions<br/>[AdmissionPage.tsx]"]
  node_gallery["Gallery<br/>[GalleryPage.tsx]"]
  node_donate["Donations<br/>[DonatePage.tsx]"]
  node_contact["Contact<br/>[ContactPage.tsx]"]
end

node_visitor(("Website visitor"))

node_visitor -->|"opens site"| node_app
node_app -->|"routes to"| node_home
node_app -->|"routes to"| node_about
node_app -->|"routes to"| node_programs
node_app -->|"routes to"| node_admission
node_app -->|"routes to"| node_gallery
node_app -->|"routes to"| node_donate
node_app -->|"routes to"| node_contact
node_app -->|"fallback route"| node_notfound
node_app -->|"renders"| node_topbar
node_app -->|"renders"| node_navbar
node_app -->|"renders"| node_breadcrumb
node_app -->|"renders"| node_footer
node_app -->|"renders"| node_scrolltop
node_home -->|"renders"| node_leadership
node_home -->|"renders"| node_placeholder
node_about -->|"renders"| node_guidance
node_about -->|"renders"| node_pillars
node_about -->|"renders"| node_placeholder
node_programs -->|"renders"| node_schoollife
node_programs -->|"renders"| node_placeholder
node_leadership -->|"renders"| node_placeholder
node_guidance -->|"renders"| node_placeholder
node_schoollife -->|"renders"| node_placeholder
node_admission -->|"persists applications"| node_localstorage
node_contact -->|"uses storage hook"| node_localstorage
node_gallery -.->|"renders"| node_placeholder
node_donate -->|"renders"| node_placeholder

click node_app "https://github.com/nepal-byte/try/blob/main/src/App.tsx"
click node_home "https://github.com/nepal-byte/try/blob/main/src/pages/HomePage.tsx"
click node_about "https://github.com/nepal-byte/try/blob/main/src/pages/AboutPage.tsx"
click node_leadership "https://github.com/nepal-byte/try/blob/main/src/components/LeadershipSection.tsx"
click node_guidance "https://github.com/nepal-byte/try/blob/main/src/components/WhatGuidesSection.tsx"
click node_pillars "https://github.com/nepal-byte/try/blob/main/src/components/WhatWeDoSection.tsx"
click node_programs "https://github.com/nepal-byte/try/blob/main/src/pages/ProgramsPage.tsx"
click node_schoollife "https://github.com/nepal-byte/try/blob/main/src/components/SchoolLifeSection.tsx"
click node_admission "https://github.com/nepal-byte/try/blob/main/src/pages/AdmissionPage.tsx"
click node_gallery "https://github.com/nepal-byte/try/blob/main/src/pages/GalleryPage.tsx"
click node_donate "https://github.com/nepal-byte/try/blob/main/src/pages/DonatePage.tsx"
click node_contact "https://github.com/nepal-byte/try/blob/main/src/pages/ContactPage.tsx"
click node_notfound "https://github.com/nepal-byte/try/blob/main/src/pages/NotFoundPage.tsx"
click node_localstorage "https://github.com/nepal-byte/try/blob/main/src/hooks/useLocalStorage.ts"
click node_topbar "https://github.com/nepal-byte/try/blob/main/src/components/TopBar.tsx"
click node_navbar "https://github.com/nepal-byte/try/blob/main/src/components/Navbar.tsx"
click node_breadcrumb "https://github.com/nepal-byte/try/blob/main/src/components/Breadcrumb.tsx"
click node_footer "https://github.com/nepal-byte/try/blob/main/src/components/Footer.tsx"
click node_scrolltop "https://github.com/nepal-byte/try/blob/main/src/components/ScrollToTop.tsx"
click node_placeholder "https://github.com/nepal-byte/try/blob/main/src/components/PlaceholderImage.tsx"

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_app,node_notfound,node_localstorage,node_topbar,node_navbar,node_breadcrumb,node_footer,node_scrolltop toneBlue
class node_home,node_about,node_leadership,node_guidance,node_pillars,node_placeholder toneAmber
class node_programs,node_schoollife toneMint
class node_admission,node_gallery,node_donate,node_contact toneRose
class node_visitor toneIndigo
```

## Components

### Application shell

- [Routes and layout](https://github.com/nepal-byte/try/blob/main/src/App.tsx): `src/App.tsx`
- [Not found](https://github.com/nepal-byte/try/blob/main/src/pages/NotFoundPage.tsx): `src/pages/NotFoundPage.tsx`
- [Browser storage hook](https://github.com/nepal-byte/try/blob/main/src/hooks/useLocalStorage.ts): `src/hooks/useLocalStorage.ts`
- [Top bar](https://github.com/nepal-byte/try/blob/main/src/components/TopBar.tsx): `src/components/TopBar.tsx`
- [Navigation](https://github.com/nepal-byte/try/blob/main/src/components/Navbar.tsx): `src/components/Navbar.tsx`
- [Breadcrumbs](https://github.com/nepal-byte/try/blob/main/src/components/Breadcrumb.tsx): `src/components/Breadcrumb.tsx`
- [Footer](https://github.com/nepal-byte/try/blob/main/src/components/Footer.tsx): `src/components/Footer.tsx`
- [Scroll controls](https://github.com/nepal-byte/try/blob/main/src/components/ScrollToTop.tsx): `src/components/ScrollToTop.tsx`

### School information

- [Home](https://github.com/nepal-byte/try/blob/main/src/pages/HomePage.tsx): `src/pages/HomePage.tsx`
- [About](https://github.com/nepal-byte/try/blob/main/src/pages/AboutPage.tsx): `src/pages/AboutPage.tsx`
- [Leadership section](https://github.com/nepal-byte/try/blob/main/src/components/LeadershipSection.tsx): `src/components/LeadershipSection.tsx`
- [Guiding values](https://github.com/nepal-byte/try/blob/main/src/components/WhatGuidesSection.tsx): `src/components/WhatGuidesSection.tsx`
- [Development pillars](https://github.com/nepal-byte/try/blob/main/src/components/WhatWeDoSection.tsx): `src/components/WhatWeDoSection.tsx`
- [Image placeholders](https://github.com/nepal-byte/try/blob/main/src/components/PlaceholderImage.tsx): `src/components/PlaceholderImage.tsx`

### Programs and learning

- [Programs](https://github.com/nepal-byte/try/blob/main/src/pages/ProgramsPage.tsx): `src/pages/ProgramsPage.tsx`
- [School life](https://github.com/nepal-byte/try/blob/main/src/components/SchoolLifeSection.tsx): `src/components/SchoolLifeSection.tsx`

### Visitor engagement

- [Admissions](https://github.com/nepal-byte/try/blob/main/src/pages/AdmissionPage.tsx): `src/pages/AdmissionPage.tsx`
- [Gallery](https://github.com/nepal-byte/try/blob/main/src/pages/GalleryPage.tsx): `src/pages/GalleryPage.tsx`
- [Donations](https://github.com/nepal-byte/try/blob/main/src/pages/DonatePage.tsx): `src/pages/DonatePage.tsx`
- [Contact](https://github.com/nepal-byte/try/blob/main/src/pages/ContactPage.tsx): `src/pages/ContactPage.tsx`

### Other components

- **Website visitor**

## Connections

- Website visitor → Routes and layout: opens site
- Routes and layout → Home: routes to (evidence: `src/App.tsx`)
- Routes and layout → About: routes to (evidence: `src/App.tsx`)
- Routes and layout → Programs: routes to (evidence: `src/App.tsx`)
- Routes and layout → Admissions: routes to (evidence: `src/App.tsx`)
- Routes and layout → Gallery: routes to (evidence: `src/App.tsx`)
- Routes and layout → Donations: routes to (evidence: `src/App.tsx`)
- Routes and layout → Contact: routes to (evidence: `src/App.tsx`)
- Routes and layout → Not found: fallback route (evidence: `src/App.tsx`)
- Routes and layout → Top bar: renders (evidence: `src/App.tsx`)
- Routes and layout → Navigation: renders (evidence: `src/App.tsx`)
- Routes and layout → Breadcrumbs: renders (evidence: `src/App.tsx`)
- Routes and layout → Footer: renders (evidence: `src/App.tsx`)
- Routes and layout → Scroll controls: renders (evidence: `src/App.tsx`)
- Home → Leadership section: renders (evidence: `src/pages/HomePage.tsx`)
- Home → Image placeholders: renders (evidence: `src/pages/HomePage.tsx`)
- About → Guiding values: renders (evidence: `src/pages/AboutPage.tsx`)
- About → Development pillars: renders (evidence: `src/pages/AboutPage.tsx`)
- About → Image placeholders: renders (evidence: `src/pages/AboutPage.tsx`)
- Programs → School life: renders (evidence: `src/pages/ProgramsPage.tsx`)
- Programs → Image placeholders: renders (evidence: `src/pages/ProgramsPage.tsx`)
- Leadership section → Image placeholders: renders (evidence: `src/components/LeadershipSection.tsx`)
- Guiding values → Image placeholders: renders (evidence: `src/components/WhatGuidesSection.tsx`)
- School life → Image placeholders: renders (evidence: `src/components/SchoolLifeSection.tsx`)
- Admissions → Browser storage hook: persists applications (evidence: `src/pages/AdmissionPage.tsx`)
- Contact → Browser storage hook: uses storage hook (evidence: `src/pages/ContactPage.tsx`)
- Gallery → Image placeholders: renders (evidence: `src/pages/GalleryPage.tsx`)
- Donations → Image placeholders: renders (evidence: `src/pages/DonatePage.tsx`)