# its-akshdeep06/portfolio-website architecture

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

- Interactive diagram: https://gitdiagram.com/its-akshdeep06/portfolio-website
- Repository: https://github.com/its-akshdeep06/portfolio-website

## Overview

This is a personal developer portfolio: a visitor opens the home page, explores the developer’s introduction, projects, background and achievements, then follows contact, social or resume links. The home-page component composes the sections and interactive visual effects; the layout supplies site metadata and analytics. Project and achievement details are presented as portfolio content, not implemented product workflows. The README documents featured projects and skills; source samples confirm the displayed portfolio sections and links. Some page sections were not sampled, so connections are limited to the visible composition and behavior.

Main entry points: [`app/page.tsx`](https://github.com/its-akshdeep06/portfolio-website/blob/main/app/page.tsx) (Home page), [`components/sections/navbar/Navbar.tsx`](https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/navbar/Navbar.tsx) (Navigation), [`components/sections/projects/ProjectsSection.tsx`](https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/projects/ProjectsSection.tsx) (Project showcase), [`components/sections/footer/FooterSection.tsx`](https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/footer/FooterSection.tsx) (Contact footer)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_composition["Page composition"]
  node_home["Home page<br/>[page.tsx]"]
end

subgraph group_portfolio["Portfolio content"]
  node_navbar["Navigation<br/>[Navbar.tsx]"]
  node_hero["Introduction<br/>[HeroSection.tsx]"]
  node_projects["Project showcase"]
  node_about["About and skills<br/>[AboutSection.tsx]"]
  node_achievements["Achievements"]
  node_footer["Contact footer<br/>[FooterSection.tsx]"]
  node_resume["Resume PDF"]
end

subgraph group_experience["Interactive experience"]
  node_three["3D background"]
  node_cursor["Custom cursor<br/>[CustomCursor.tsx]"]
end

subgraph group_platform["Site platform"]
  node_layout["Root layout<br/>[layout.tsx]"]
  node_analytics["Vercel Analytics"]
end

node_visitor(("Visitor"))
node_external["External profiles and demos"]

node_visitor -->|"opens"| node_home
node_layout -->|"renders"| node_home
node_layout -->|"renders"| node_analytics
node_home -->|"renders"| node_navbar
node_home -->|"renders"| node_hero
node_home -->|"renders"| node_projects
node_home -->|"renders"| node_about
node_home -->|"renders"| node_achievements
node_home -->|"renders"| node_footer
node_home -->|"renders"| node_three
node_home -->|"renders"| node_cursor
node_navbar -->|"links"| node_resume
node_navbar -->|"anchors to"| node_projects
node_navbar -->|"anchors to"| node_about
node_navbar -->|"anchors to"| node_footer
node_hero -->|"anchors to"| node_projects
node_projects -->|"links to demos and code"| node_external
node_achievements -->|"links to proof"| node_external
node_footer -->|"links to profiles"| node_external

click node_home "https://github.com/its-akshdeep06/portfolio-website/blob/main/app/page.tsx"
click node_layout "https://github.com/its-akshdeep06/portfolio-website/blob/main/app/layout.tsx"
click node_navbar "https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/navbar/Navbar.tsx"
click node_hero "https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/hero/HeroSection.tsx"
click node_projects "https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/projects/ProjectsSection.tsx"
click node_about "https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/about/AboutSection.tsx"
click node_achievements "https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/achievement/AchievementSection.tsx"
click node_footer "https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/footer/FooterSection.tsx"
click node_three "https://github.com/its-akshdeep06/portfolio-website/blob/main/components/core/ThreeBackground.tsx"
click node_cursor "https://github.com/its-akshdeep06/portfolio-website/blob/main/components/core/CustomCursor.tsx"
click node_resume "https://github.com/its-akshdeep06/portfolio-website/blob/main/public/Akshdeep_Singh_Resume.pdf"

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 toneBlue
class node_navbar,node_hero,node_projects,node_about,node_achievements,node_footer,node_resume toneAmber
class node_three,node_cursor toneMint
class node_layout,node_analytics toneRose
class node_visitor,node_external toneIndigo
```

## Components

### Page composition

- [Home page](https://github.com/its-akshdeep06/portfolio-website/blob/main/app/page.tsx): `app/page.tsx`

### Portfolio content

- [Navigation](https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/navbar/Navbar.tsx): `components/sections/navbar/Navbar.tsx`
- [Introduction](https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/hero/HeroSection.tsx): `components/sections/hero/HeroSection.tsx`
- [Project showcase](https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/projects/ProjectsSection.tsx): `components/sections/projects/ProjectsSection.tsx`
- [About and skills](https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/about/AboutSection.tsx): `components/sections/about/AboutSection.tsx`
- [Achievements](https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/achievement/AchievementSection.tsx): `components/sections/achievement/AchievementSection.tsx`
- [Contact footer](https://github.com/its-akshdeep06/portfolio-website/blob/main/components/sections/footer/FooterSection.tsx): `components/sections/footer/FooterSection.tsx`
- [Resume PDF](https://github.com/its-akshdeep06/portfolio-website/blob/main/public/Akshdeep_Singh_Resume.pdf): `public/Akshdeep_Singh_Resume.pdf`

### Interactive experience

- [3D background](https://github.com/its-akshdeep06/portfolio-website/blob/main/components/core/ThreeBackground.tsx): `components/core/ThreeBackground.tsx`
- [Custom cursor](https://github.com/its-akshdeep06/portfolio-website/blob/main/components/core/CustomCursor.tsx): `components/core/CustomCursor.tsx`

### Site platform

- [Root layout](https://github.com/its-akshdeep06/portfolio-website/blob/main/app/layout.tsx): `app/layout.tsx`
- **Vercel Analytics**

### Other components

- **Visitor**
- **External profiles and demos**

## Connections

- Visitor → Home page: opens
- Root layout → Home page: renders
- Root layout → Vercel Analytics: renders
- Home page → Navigation: renders
- Home page → Introduction: renders
- Home page → Project showcase: renders
- Home page → About and skills: renders
- Home page → Achievements: renders
- Home page → Contact footer: renders
- Home page → 3D background: renders
- Home page → Custom cursor: renders
- Navigation → Resume PDF: links
- Navigation → Project showcase: anchors to
- Navigation → About and skills: anchors to
- Navigation → Contact footer: anchors to
- Introduction → Project showcase: anchors to
- Project showcase → External profiles and demos: links to demos and code
- Achievements → External profiles and demos: links to proof
- Contact footer → External profiles and demos: links to profiles