# turinsadia/fma-portfolio architecture

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

- Interactive diagram: https://gitdiagram.com/turinsadia/fma-portfolio
- Repository: https://github.com/turinsadia/fma-portfolio

## Overview

This is a React-based academic portfolio for a university engineering faculty member. Visitors enter through the routed site, choose profile sections, and view biography, education and teaching materials, research interests, publications, gallery, or contact information. The sampled code confirms route composition for research, publications, and contact, and shows a deep-learning detail link from research. Other route components are identified by the file tree; their internal wiring is not inferred here. Course materials are static files in the repository, while some teaching links point to external resources.

Main entry points: [`src/App.js`](https://github.com/turinsadia/fma-portfolio/blob/main/src/App.js) (Route Table), [`src/route/Publication.js`](https://github.com/turinsadia/fma-portfolio/blob/main/src/route/Publication.js) (Publication Page), [`src/route/Academic.js`](https://github.com/turinsadia/fma-portfolio/blob/main/src/route/Academic.js) (Academic Page), [`src/route/ResearchProjects.js`](https://github.com/turinsadia/fma-portfolio/blob/main/src/route/ResearchProjects.js) (Research Page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_routing["Routing and Pages"]
  node_app["Route Table<br/>[App.js]"]
  node_home["Home Page<br/>[Home.js]"]
  node_academic["Academic Page<br/>[Academic.js]"]
  node_research["Research Page"]
  node_publication["Publication Page<br/>[Publication.js]"]
  node_gallery["Gallery Page<br/>[Gallery.js]"]
  node_contact["Contact Page<br/>[Contact.js]"]
  node_deepdetails["Deep Learning Details"]
end

subgraph group_profile["Profile Content"]
  node_intro["Biography Profile<br/>[IntroPage.js]"]
  node_academicinfo["Education and Teaching<br/>[AcademicInfo.js]"]
  node_materials["EEE 302 Materials"]
  node_contactinfo["Contact Details<br/>[ContactDetaills.js]"]
end

subgraph group_scholarship["Research and Publications"]
  node_researchinfo["Research Interests<br/>[ResearchInfo.js]"]
  node_publicationinfo["Publication Listings<br/>[PublicationInfo.js]"]
  node_tabs["Publication Categories<br/>[tab.js]"]
end

node_visitor(("Site Visitor"))

node_visitor -->|"opens site"| node_app
node_app -->|"routes to"| node_home
node_app -->|"routes to"| node_academic
node_app -->|"routes to"| node_research
node_app -->|"routes to"| node_publication
node_app -->|"routes to"| node_gallery
node_app -->|"routes to"| node_contact
node_app -->|"routes to"| node_deepdetails
node_research -->|"renders"| node_researchinfo
node_researchinfo -->|"links to"| node_deepdetails
node_publication -->|"renders"| node_publicationinfo
node_publication -->|"renders"| node_tabs
node_contact -->|"renders"| node_contactinfo
node_academic --> node_academicinfo
node_academicinfo -->|"links to"| node_materials

click node_app "https://github.com/turinsadia/fma-portfolio/blob/main/src/App.js"
click node_home "https://github.com/turinsadia/fma-portfolio/blob/main/src/route/Home.js"
click node_academic "https://github.com/turinsadia/fma-portfolio/blob/main/src/route/Academic.js"
click node_research "https://github.com/turinsadia/fma-portfolio/blob/main/src/route/ResearchProjects.js"
click node_publication "https://github.com/turinsadia/fma-portfolio/blob/main/src/route/Publication.js"
click node_gallery "https://github.com/turinsadia/fma-portfolio/blob/main/src/route/Gallery.js"
click node_contact "https://github.com/turinsadia/fma-portfolio/blob/main/src/route/Contact.js"
click node_deepdetails "https://github.com/turinsadia/fma-portfolio/blob/main/src/route/DeepLearningDetails.js"
click node_intro "https://github.com/turinsadia/fma-portfolio/blob/main/src/Components/IntroPage.js"
click node_academicinfo "https://github.com/turinsadia/fma-portfolio/blob/main/src/Components/AcademicInfo.js"
click node_materials "https://github.com/turinsadia/fma-portfolio/tree/main/src/Course-Materials/EEE_302"
click node_researchinfo "https://github.com/turinsadia/fma-portfolio/blob/main/src/Components/ResearchInfo.js"
click node_publicationinfo "https://github.com/turinsadia/fma-portfolio/blob/main/src/Components/PublicationInfo.js"
click node_tabs "https://github.com/turinsadia/fma-portfolio/blob/main/src/Components/tab.js"
click node_contactinfo "https://github.com/turinsadia/fma-portfolio/blob/main/src/Components/ContactDetaills.js"

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_home,node_academic,node_research,node_publication,node_gallery,node_contact,node_deepdetails toneBlue
class node_intro,node_academicinfo,node_materials,node_contactinfo toneAmber
class node_researchinfo,node_publicationinfo,node_tabs toneMint
class node_visitor toneIndigo
```

## Components

### Routing and Pages

- [Route Table](https://github.com/turinsadia/fma-portfolio/blob/main/src/App.js): `src/App.js`
- [Home Page](https://github.com/turinsadia/fma-portfolio/blob/main/src/route/Home.js): `src/route/Home.js`
- [Academic Page](https://github.com/turinsadia/fma-portfolio/blob/main/src/route/Academic.js): `src/route/Academic.js`
- [Research Page](https://github.com/turinsadia/fma-portfolio/blob/main/src/route/ResearchProjects.js): `src/route/ResearchProjects.js`
- [Publication Page](https://github.com/turinsadia/fma-portfolio/blob/main/src/route/Publication.js): `src/route/Publication.js`
- [Gallery Page](https://github.com/turinsadia/fma-portfolio/blob/main/src/route/Gallery.js): `src/route/Gallery.js`
- [Contact Page](https://github.com/turinsadia/fma-portfolio/blob/main/src/route/Contact.js): `src/route/Contact.js`
- [Deep Learning Details](https://github.com/turinsadia/fma-portfolio/blob/main/src/route/DeepLearningDetails.js): `src/route/DeepLearningDetails.js`

### Profile Content

- [Biography Profile](https://github.com/turinsadia/fma-portfolio/blob/main/src/Components/IntroPage.js): `src/Components/IntroPage.js`
- [Education and Teaching](https://github.com/turinsadia/fma-portfolio/blob/main/src/Components/AcademicInfo.js): `src/Components/AcademicInfo.js`
- [EEE 302 Materials](https://github.com/turinsadia/fma-portfolio/tree/main/src/Course-Materials/EEE_302): `src/Course-Materials/EEE_302`
- [Contact Details](https://github.com/turinsadia/fma-portfolio/blob/main/src/Components/ContactDetaills.js): `src/Components/ContactDetaills.js`

### Research and Publications

- [Research Interests](https://github.com/turinsadia/fma-portfolio/blob/main/src/Components/ResearchInfo.js): `src/Components/ResearchInfo.js`
- [Publication Listings](https://github.com/turinsadia/fma-portfolio/blob/main/src/Components/PublicationInfo.js): `src/Components/PublicationInfo.js`
- [Publication Categories](https://github.com/turinsadia/fma-portfolio/blob/main/src/Components/tab.js): `src/Components/tab.js`

### Other components

- **Site Visitor**

## Connections

- Site Visitor → Route Table: opens site
- Route Table → Home Page: routes to
- Route Table → Academic Page: routes to
- Route Table → Research Page: routes to
- Route Table → Publication Page: routes to
- Route Table → Gallery Page: routes to
- Route Table → Contact Page: routes to
- Route Table → Deep Learning Details: routes to
- Research Page → Research Interests: renders
- Research Interests → Deep Learning Details: links to
- Publication Page → Publication Listings: renders
- Publication Page → Publication Categories: renders
- Contact Page → Contact Details: renders
- Academic Page → Education and Teaching
- Education and Teaching → EEE 302 Materials: links to