# jahangeershaik997-dev/jahangeer-portfolio architecture

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

- Interactive diagram: https://gitdiagram.com/jahangeershaik997-dev/jahangeer-portfolio
- Repository: https://github.com/jahangeershaik997-dev/jahangeer-portfolio

## Overview

This is a personal portfolio site for a Dynamics 365 CE/CRM developer. A visitor opens the home page, browses career, project, skills, architecture, education, and profile sections, then can contact the developer or download a resume. The page component is the composition point; the sections present portfolio content, while navigation and contact links provide visitor actions. The architecture section describes an illustrative CRM solution, not a runtime CRM implementation. Some section source was not sampled, so its internal data wiring is left unspecified.

Main entry points: [`app/page.tsx`](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/app/page.tsx) (Home page), [`components/Contact.tsx`](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Contact.tsx) (Contact details), [`lib/content.ts`](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/lib/content.ts) (Portfolio content), [`components/Experience.tsx`](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Experience.tsx) (Experience)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_composition["Page composition"]
  node_home["Home page<br/>[page.tsx]"]
  node_footer["Footer<br/>[Footer.tsx]"]
  node_content["Portfolio content<br/>[content.ts]"]
end

subgraph group_portfolio["Portfolio sections"]
  node_hero["Introduction<br/>[Hero.tsx]"]
  node_about["About<br/>[About.tsx]"]
  node_experience["Experience<br/>[Experience.tsx]"]
  node_projects["Projects<br/>[Projects.tsx]"]
  node_skills["Skills<br/>[Skills.tsx]"]
  node_architecture["CRM architecture<br/>[Architecture.tsx]"]
  node_journey["Career journey<br/>[Journey.tsx]"]
  node_education["Education<br/>[Education.tsx]"]
end

subgraph group_actions["Visitor actions"]
  node_navbar["Navigation<br/>[Navbar.tsx]"]
  node_contact["Contact details<br/>[Contact.tsx]"]
  node_resume["Resume document"]
end

node_visitor(("Visitor"))
node_email(("Email service"))
node_phone(("Telephone service"))
node_linkedin(("LinkedIn"))

node_visitor -->|"opens"| node_home
node_home -->|"renders"| node_navbar
node_home -->|"renders"| node_hero
node_home -->|"renders"| node_about
node_home -->|"renders"| node_experience
node_home -->|"renders"| node_projects
node_home -->|"renders"| node_skills
node_home -->|"renders"| node_architecture
node_home -->|"renders"| node_journey
node_home -->|"renders"| node_education
node_home -->|"renders"| node_contact
node_home -->|"renders"| node_footer
node_navbar -->|"reads links"| node_content
node_navbar -->|"links download"| node_resume
node_experience -->|"reads career"| node_content
node_experience -->|"links to cases"| node_projects
node_projects -->|"reads cases"| node_content
node_contact -->|"reads contact info"| node_content
node_contact -->|"links download"| node_resume
node_contact -->|"opens mail"| node_email
node_contact -->|"dials"| node_phone
node_contact -->|"opens profile"| node_linkedin

click node_home "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/app/page.tsx"
click node_navbar "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Navbar.tsx"
click node_hero "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Hero.tsx"
click node_about "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/About.tsx"
click node_experience "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Experience.tsx"
click node_projects "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Projects.tsx"
click node_skills "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Skills.tsx"
click node_architecture "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Architecture.tsx"
click node_journey "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Journey.tsx"
click node_education "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Education.tsx"
click node_contact "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Contact.tsx"
click node_footer "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Footer.tsx"
click node_content "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/lib/content.ts"
click node_resume "https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/public/Shaik-Jahangeer-Resume.docx"

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_footer,node_content toneBlue
class node_hero,node_about,node_experience,node_projects,node_skills,node_architecture,node_journey,node_education toneAmber
class node_navbar,node_contact,node_resume toneMint
class node_visitor,node_email,node_phone,node_linkedin toneIndigo
```

## Components

### Page composition

- [Home page](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/app/page.tsx): `app/page.tsx`
- [Footer](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Footer.tsx): `components/Footer.tsx`
- [Portfolio content](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/lib/content.ts): `lib/content.ts`

### Portfolio sections

- [Introduction](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Hero.tsx): `components/Hero.tsx`
- [About](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/About.tsx): `components/About.tsx`
- [Experience](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Experience.tsx): `components/Experience.tsx`
- [Projects](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Projects.tsx): `components/Projects.tsx`
- [Skills](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Skills.tsx): `components/Skills.tsx`
- [CRM architecture](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Architecture.tsx): `components/Architecture.tsx`
- [Career journey](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Journey.tsx): `components/Journey.tsx`
- [Education](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Education.tsx): `components/Education.tsx`

### Visitor actions

- [Navigation](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Navbar.tsx): `components/Navbar.tsx`
- [Contact details](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/components/Contact.tsx): `components/Contact.tsx`
- [Resume document](https://github.com/jahangeershaik997-dev/jahangeer-portfolio/blob/master/public/Shaik-Jahangeer-Resume.docx): `public/Shaik-Jahangeer-Resume.docx`

### Other components

- **Visitor**
- **Email service**
- **Telephone service**
- **LinkedIn**

## Connections

- Visitor → Home page: opens
- Home page → Navigation: renders
- Home page → Introduction: renders
- Home page → About: renders
- Home page → Experience: renders
- Home page → Projects: renders
- Home page → Skills: renders
- Home page → CRM architecture: renders
- Home page → Career journey: renders
- Home page → Education: renders
- Home page → Contact details: renders
- Home page → Footer: renders
- Navigation → Portfolio content: reads links
- Navigation → Resume document: links download
- Experience → Portfolio content: reads career
- Experience → Projects: links to cases
- Projects → Portfolio content: reads cases
- Contact details → Portfolio content: reads contact info
- Contact details → Resume document: links download
- Contact details → Email service: opens mail
- Contact details → Telephone service: dials
- Contact details → LinkedIn: opens profile