# basadrejhon61-prog/portfolio_basadre architecture

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

- Interactive diagram: https://gitdiagram.com/basadrejhon61-prog/portfolio_basadre
- Repository: https://github.com/basadrejhon61-prog/portfolio_basadre

## Overview

This is a WordPress theme for an Opol Community College site, with a landing page, member listings and individual member profiles, plus a generic post view. The main visitor flow is the landing page, which loads team data and can route a `?member=` request to a profile; templates share the header and footer. Theme setup registers WordPress features and enqueues the listed script. The JavaScript implementation and stylesheet were not sampled, and the README is empty, so their behavior and other integrations are not inferred.

Main entry points: [`front-page.php`](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/front-page.php) (College landing page), [`member-profile.php`](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/member-profile.php) (Member profile), [`index.php`](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/index.php) (Post listing), [`header.php`](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/header.php) (Site header)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_templates["Page templates"]
  node_landing["College landing page<br/>[front-page.php]"]
  node_posts["Post listing<br/>[index.php]"]
  node_header["Site header<br/>[header.php]"]
  node_footer["Site footer<br/>[footer.php]"]
end

subgraph group_member["Member profiles"]
  node_teamdata["Team data<br/>[team-data.php]"]
  node_profile["Member profile<br/>[member-profile.php]"]
end

subgraph group_theme["Theme runtime"]
  node_setup["Theme setup<br/>[functions.php]"]
  node_script["Front-end script<br/>[main.js]"]
  node_styles["Theme styles<br/>[style.css]"]
end

node_visitor(("Site visitor"))
node_wordpress["WordPress"]

node_visitor -.->|"requests pages"| node_wordpress
node_wordpress -.->|"routes to"| node_landing
node_wordpress -.->|"routes to"| node_posts
node_landing -->|"loads"| node_teamdata
node_landing -->|"includes for member"| node_profile
node_landing -->|"renders"| node_header
node_landing -->|"renders"| node_footer
node_profile -->|"loads"| node_teamdata
node_profile -->|"renders"| node_header
node_profile -->|"renders"| node_footer
node_posts -->|"renders"| node_header
node_posts -->|"renders"| node_footer
node_wordpress -.->|"registers theme hooks"| node_setup
node_setup -->|"enqueues"| node_script

click node_landing "https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/front-page.php"
click node_posts "https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/index.php"
click node_header "https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/header.php"
click node_footer "https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/footer.php"
click node_teamdata "https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/team-data.php"
click node_profile "https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/member-profile.php"
click node_setup "https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/functions.php"
click node_script "https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/assets/js/main.js"
click node_styles "https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/style.css"

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_landing,node_posts,node_header,node_footer toneBlue
class node_teamdata,node_profile toneAmber
class node_setup,node_script,node_styles toneMint
class node_visitor,node_wordpress toneIndigo
```

## Components

### Page templates

- [College landing page](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/front-page.php): `front-page.php`
- [Post listing](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/index.php): `index.php`
- [Site header](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/header.php): `header.php`
- [Site footer](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/footer.php): `footer.php`

### Member profiles

- [Team data](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/team-data.php): `team-data.php`
- [Member profile](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/member-profile.php): `member-profile.php`

### Theme runtime

- [Theme setup](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/functions.php): `functions.php`
- [Front-end script](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/assets/js/main.js): `assets/js/main.js`
- [Theme styles](https://github.com/basadrejhon61-prog/portfolio_basadre/blob/main/style.css): `style.css`

### Other components

- **Site visitor**
- **WordPress**

## Connections

- Site visitor → WordPress: requests pages
- WordPress → College landing page: routes to
- WordPress → Post listing: routes to
- College landing page → Team data: loads (evidence: `front-page.php`)
- College landing page → Member profile: includes for member (evidence: `front-page.php`)
- College landing page → Site header: renders (evidence: `front-page.php`)
- College landing page → Site footer: renders (evidence: `front-page.php`)
- Member profile → Team data: loads (evidence: `member-profile.php`)
- Member profile → Site header: renders (evidence: `member-profile.php`)
- Member profile → Site footer: renders (evidence: `member-profile.php`)
- Post listing → Site header: renders (evidence: `index.php`)
- Post listing → Site footer: renders (evidence: `index.php`)
- WordPress → Theme setup: registers theme hooks
- Theme setup → Front-end script: enqueues (evidence: `functions.php`)