# manikorimilli/new-portfolio architecture

> Architecture diagram of the GitHub repository manikorimilli/new-portfolio, 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/manikorimilli/new-portfolio
- Repository: https://github.com/manikorimilli/new-portfolio

## Overview

This is a personal portfolio website: visitors browse an assembled, single-page profile of the owner’s work, skills, experience and achievements, then can follow profile links, download a resume or initiate contact. The home page composes the portfolio sections; shared identity and portfolio content live in lib/site.ts and lib/data.ts. GitHubSection also retrieves live profile, repository and contribution data from external APIs. The sampled files establish those links, but many section implementations were not sampled, so their internal interactions are not expanded.

Main entry points: [`app/page.tsx`](https://github.com/manikorimilli/new-portfolio/blob/main/app/page.tsx) (Home page), [`lib/data.ts`](https://github.com/manikorimilli/new-portfolio/blob/main/lib/data.ts) (Portfolio content), [`components/Hero.tsx`](https://github.com/manikorimilli/new-portfolio/blob/main/components/Hero.tsx) (Introduction), [`components/GitHubSection.tsx`](https://github.com/manikorimilli/new-portfolio/blob/main/components/GitHubSection.tsx) (GitHub section)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_entry["Page and layout"]
  node_home["Home page<br/>[page.tsx]"]
  node_layout["Root layout<br/>[layout.tsx]"]
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_tech["Tech stack<br/>[TechStack.tsx]"]
  node_projects["Projects<br/>[Projects.tsx]"]
  node_achievements["Achievements<br/>[Achievements.tsx]"]
  node_github["GitHub section<br/>[GitHubSection.tsx]"]
  node_contact["Contact form<br/>[Contact.tsx]"]
  node_navigation["Navigation and dock<br/>[Navbar.tsx]"]
  node_footer["Footer<br/>[Footer.tsx]"]
end

subgraph group_shared["Shared content and motion"]
  node_smooth["Smooth scrolling<br/>[SmoothScroll.tsx]"]
  node_site["Identity and links<br/>[site.ts]"]
  node_data["Portfolio content<br/>[data.ts]"]
end

subgraph group_integrations["External services"]
  node_githubapi["GitHub APIs"]
  node_mail["Mail client"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_home
node_home -->|"renders"| node_navigation
node_home -->|"renders"| node_hero
node_home -->|"renders"| node_about
node_home -->|"renders"| node_tech
node_home -->|"renders"| node_projects
node_home -->|"renders"| node_experience
node_home -->|"renders"| node_achievements
node_home -->|"renders"| node_github
node_home -->|"renders"| node_contact
node_home -->|"renders"| node_footer
node_layout -->|"wraps"| node_smooth
node_layout -->|"provides layout"| node_home
node_hero -->|"reads identity"| node_site
node_hero -->|"reads stats"| node_data
node_contact -->|"reads contact links"| node_site
node_contact -->|"opens mail draft"| node_mail
node_github -->|"reads GitHub user"| node_site
node_github -->|"fetches profile data"| node_githubapi
node_experience -->|"reads experience"| node_data
node_tech -->|"reads skills"| node_data
node_projects -->|"reads projects"| node_data
node_achievements -->|"reads achievements"| node_data

click node_home "https://github.com/manikorimilli/new-portfolio/blob/main/app/page.tsx"
click node_layout "https://github.com/manikorimilli/new-portfolio/blob/main/app/layout.tsx"
click node_smooth "https://github.com/manikorimilli/new-portfolio/blob/main/components/providers/SmoothScroll.tsx"
click node_hero "https://github.com/manikorimilli/new-portfolio/blob/main/components/Hero.tsx"
click node_about "https://github.com/manikorimilli/new-portfolio/blob/main/components/About.tsx"
click node_experience "https://github.com/manikorimilli/new-portfolio/blob/main/components/Experience.tsx"
click node_tech "https://github.com/manikorimilli/new-portfolio/blob/main/components/TechStack.tsx"
click node_projects "https://github.com/manikorimilli/new-portfolio/blob/main/components/Projects.tsx"
click node_achievements "https://github.com/manikorimilli/new-portfolio/blob/main/components/Achievements.tsx"
click node_github "https://github.com/manikorimilli/new-portfolio/blob/main/components/GitHubSection.tsx"
click node_contact "https://github.com/manikorimilli/new-portfolio/blob/main/components/Contact.tsx"
click node_navigation "https://github.com/manikorimilli/new-portfolio/blob/main/components/Navbar.tsx"
click node_footer "https://github.com/manikorimilli/new-portfolio/blob/main/components/Footer.tsx"
click node_site "https://github.com/manikorimilli/new-portfolio/blob/main/lib/site.ts"
click node_data "https://github.com/manikorimilli/new-portfolio/blob/main/lib/data.ts"

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_layout toneBlue
class node_hero,node_about,node_experience,node_tech,node_projects,node_achievements,node_github,node_contact,node_navigation,node_footer toneAmber
class node_smooth,node_site,node_data toneMint
class node_githubapi,node_mail toneRose
class node_visitor toneIndigo
```

## Components

### Page and layout

- [Home page](https://github.com/manikorimilli/new-portfolio/blob/main/app/page.tsx): `app/page.tsx`
- [Root layout](https://github.com/manikorimilli/new-portfolio/blob/main/app/layout.tsx): `app/layout.tsx`

### Portfolio sections

- [Introduction](https://github.com/manikorimilli/new-portfolio/blob/main/components/Hero.tsx): `components/Hero.tsx`
- [About](https://github.com/manikorimilli/new-portfolio/blob/main/components/About.tsx): `components/About.tsx`
- [Experience](https://github.com/manikorimilli/new-portfolio/blob/main/components/Experience.tsx): `components/Experience.tsx`
- [Tech stack](https://github.com/manikorimilli/new-portfolio/blob/main/components/TechStack.tsx): `components/TechStack.tsx`
- [Projects](https://github.com/manikorimilli/new-portfolio/blob/main/components/Projects.tsx): `components/Projects.tsx`
- [Achievements](https://github.com/manikorimilli/new-portfolio/blob/main/components/Achievements.tsx): `components/Achievements.tsx`
- [GitHub section](https://github.com/manikorimilli/new-portfolio/blob/main/components/GitHubSection.tsx): `components/GitHubSection.tsx`
- [Contact form](https://github.com/manikorimilli/new-portfolio/blob/main/components/Contact.tsx): `components/Contact.tsx`
- [Navigation and dock](https://github.com/manikorimilli/new-portfolio/blob/main/components/Navbar.tsx): `components/Navbar.tsx`
- [Footer](https://github.com/manikorimilli/new-portfolio/blob/main/components/Footer.tsx): `components/Footer.tsx`

### Shared content and motion

- [Smooth scrolling](https://github.com/manikorimilli/new-portfolio/blob/main/components/providers/SmoothScroll.tsx): `components/providers/SmoothScroll.tsx`
- [Identity and links](https://github.com/manikorimilli/new-portfolio/blob/main/lib/site.ts): `lib/site.ts`
- [Portfolio content](https://github.com/manikorimilli/new-portfolio/blob/main/lib/data.ts): `lib/data.ts`

### External services

- **GitHub APIs**
- **Mail client**

### Other components

- **Visitor**

## Connections

- Visitor → Home page: opens
- Home page → Navigation and dock: renders
- Home page → Introduction: renders
- Home page → About: renders
- Home page → Tech stack: renders
- Home page → Projects: renders
- Home page → Experience: renders
- Home page → Achievements: renders
- Home page → GitHub section: renders
- Home page → Contact form: renders
- Home page → Footer: renders
- Root layout → Smooth scrolling: wraps
- Root layout → Home page: provides layout
- Introduction → Identity and links: reads identity
- Introduction → Portfolio content: reads stats
- Contact form → Identity and links: reads contact links
- Contact form → Mail client: opens mail draft
- GitHub section → Identity and links: reads GitHub user
- GitHub section → GitHub APIs: fetches profile data
- Experience → Portfolio content: reads experience
- Tech stack → Portfolio content: reads skills
- Projects → Portfolio content: reads projects
- Achievements → Portfolio content: reads achievements