# abdullahcodes-dev/flyrankfrontendcapstone architecture

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

- Interactive diagram: https://gitdiagram.com/abdullahcodes-dev/flyrankfrontendcapstone
- Repository: https://github.com/abdullahcodes-dev/flyrankfrontendcapstone

## Overview

CommuniNest is a community-information frontend whose main workflow takes a visitor from the homepage to issue reporting, submits a description to a server-side analysis route, and returns structured AI guidance. Other routes present project information, events, volunteer opportunities, a feature placeholder, and a health check. The shared layout renders navigation, including its mobile-menu component. The report-to-API and API-to-Gemini links are supported by the README and route excerpt; unsampled page internals are represented only at route level.

Main entry points: [`app/report/page.tsx`](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/report/page.tsx) (Issue report form), [`app/page.tsx`](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/page.tsx) (Homepage), [`app/api/analyze/route.ts`](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/api/analyze/route.ts) (Analysis API), [`app/events/page.tsx`](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/events/page.tsx) (Community events)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_experience["Community experience"]
  node_home["Homepage<br/>[page.tsx]"]
  node_about["About<br/>[page.tsx]"]
  node_features["Features page<br/>[page.tsx]"]
  node_events["Community events<br/>[page.tsx]"]
  node_volunteers["Volunteer opportunities<br/>[page.tsx]"]
end

subgraph group_navigation["Shared navigation"]
  node_layout["Root layout<br/>[layout.tsx]"]
  node_navbar["Navigation bar<br/>[Navbar.tsx]"]
  node_mobile["Mobile menu<br/>[MobileMenu.tsx]"]
end

subgraph group_analysis["Issue analysis"]
  node_report["Issue report form<br/>[page.tsx]"]
  node_analyze["Analysis API<br/>[route.ts]"]
end

subgraph group_operations["Application status"]
  node_health["Health check<br/>[page.tsx]"]
end

node_visitor(("Community visitor"))
node_gemini{{"Google Gemini"}}

node_visitor -->|"opens"| node_home
node_home -->|"links to"| node_report
node_home -->|"links to"| node_events
node_events -->|"links to"| node_volunteers
node_visitor -->|"opens"| node_about
node_visitor -->|"opens"| node_features
node_visitor -->|"opens"| node_events
node_visitor -->|"opens"| node_volunteers
node_visitor -->|"submits issue"| node_report
node_report -->|"POSTs issue"| node_analyze
node_analyze -->|"requests analysis"| node_gemini
node_analyze -->|"returns analysis"| node_report
node_visitor -->|"checks status"| node_health
node_layout -->|"renders"| node_navbar
node_navbar -->|"renders"| node_mobile

click node_home "https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/page.tsx"
click node_about "https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/about/page.tsx"
click node_features "https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/features/page.tsx"
click node_events "https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/events/page.tsx"
click node_volunteers "https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/volunteers/page.tsx"
click node_report "https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/report/page.tsx"
click node_analyze "https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/api/analyze/route.ts"
click node_health "https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/health/page.tsx"
click node_layout "https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/layout.tsx"
click node_navbar "https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/components/Navbar.tsx"
click node_mobile "https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/components/MobileMenu.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_home,node_about,node_features,node_events,node_volunteers toneBlue
class node_layout,node_navbar,node_mobile toneAmber
class node_report,node_analyze toneMint
class node_health toneRose
class node_visitor,node_gemini toneIndigo
```

## Components

### Community experience

- [Homepage](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/page.tsx): `app/page.tsx`
- [About](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/about/page.tsx): `app/about/page.tsx`
- [Features page](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/features/page.tsx): `app/features/page.tsx`
- [Community events](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/events/page.tsx): `app/events/page.tsx`
- [Volunteer opportunities](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/volunteers/page.tsx): `app/volunteers/page.tsx`

### Shared navigation

- [Root layout](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/layout.tsx): `app/layout.tsx`
- [Navigation bar](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/components/Navbar.tsx): `app/components/Navbar.tsx`
- [Mobile menu](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/components/MobileMenu.tsx): `app/components/MobileMenu.tsx`

### Issue analysis

- [Issue report form](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/report/page.tsx): `app/report/page.tsx`
- [Analysis API](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/api/analyze/route.ts): `app/api/analyze/route.ts`

### Application status

- [Health check](https://github.com/abdullahcodes-dev/flyrankfrontendcapstone/blob/main/app/health/page.tsx): `app/health/page.tsx`

### Other components

- **Community visitor**
- **Google Gemini**

## Connections

- Community visitor → Homepage: opens (evidence: `README.md`)
- Homepage → Issue report form: links to (evidence: `app/page.tsx`)
- Homepage → Community events: links to (evidence: `app/page.tsx`)
- Community events → Volunteer opportunities: links to (evidence: `app/events/page.tsx`)
- Community visitor → About: opens (evidence: `README.md`)
- Community visitor → Features page: opens (evidence: `README.md`)
- Community visitor → Community events: opens (evidence: `README.md`)
- Community visitor → Volunteer opportunities: opens (evidence: `README.md`)
- Community visitor → Issue report form: submits issue (evidence: `README.md`)
- Issue report form → Analysis API: POSTs issue (evidence: `README.md`)
- Analysis API → Google Gemini: requests analysis (evidence: `app/api/analyze/route.ts`)
- Analysis API → Issue report form: returns analysis (evidence: `README.md`)
- Community visitor → Health check: checks status (evidence: `README.md`)
- Root layout → Navigation bar: renders (evidence: `app/layout.tsx`)
- Navigation bar → Mobile menu: renders (evidence: `app/components/Navbar.tsx`)