# rajneeshk7788/portfolio_next_tailwind architecture

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

## Overview

This is a single-page personal portfolio: a visitor opens the home page, browses profile and career sections, and can follow project or contact links. The App Router page composes the sections; navigation links target their in-page anchors. README documents animated, responsive presentation, reflected in the sampled client components. About is documented but unsampled, so its role is shown only at its tree-supported path. Firebase initialization is present, but no sampled code connects it to the portfolio workflow.

Main entry points: [`app/page.tsx`](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/app/page.tsx) (Home Page), [`components/Navigation.tsx`](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Navigation.tsx) (Navigation), [`components/Hero.tsx`](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Hero.tsx) (Introduction), [`components/Contact.tsx`](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Contact.tsx) (Contact)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_entry["Page Entry"]
  node_home["Home Page<br/>[page.tsx]"]
  node_layout["Root Layout<br/>[layout.tsx]"]
  node_navigation["Navigation<br/>[Navigation.tsx]"]
  node_presentation["Global Styles<br/>[globals.css]"]
  node_firebase["Firebase Setup<br/>[firebase.ts]"]
end

subgraph group_profile["Portfolio Content"]
  node_hero["Introduction<br/>[Hero.tsx]"]
  node_about["About<br/>[About.tsx]"]
  node_skills["Skills<br/>[Skills.tsx]"]
  node_experience["Experience<br/>[Experience.tsx]"]
  node_projects["Projects<br/>[Projects.tsx]"]
  node_education["Education<br/>[Education.tsx]"]
end

subgraph group_outreach["Outreach"]
  node_contact["Contact<br/>[Contact.tsx]"]
end

node_visitor(("Visitor"))
node_external_profiles["Social Profiles"]
node_project_sites["Project Sites"]
node_firebase_services["Firebase Services"]

node_visitor -->|"opens page"| node_home
node_home -->|"rendered within"| node_layout
node_home -->|"renders"| node_navigation
node_home -->|"renders"| node_hero
node_home -->|"renders"| node_about
node_home -->|"renders"| node_skills
node_home -->|"renders"| node_experience
node_home -->|"renders"| node_projects
node_home -->|"renders"| node_education
node_home -->|"renders"| node_contact
node_navigation -->|"anchors to"| node_hero
node_navigation -->|"anchors to"| node_about
node_navigation -->|"anchors to"| node_skills
node_navigation -->|"anchors to"| node_experience
node_navigation -->|"anchors to"| node_projects
node_navigation -->|"anchors to"| node_education
node_navigation -->|"anchors to"| node_contact
node_hero -->|"links to"| node_external_profiles
node_hero -->|"links to"| node_contact
node_contact -->|"links to"| node_external_profiles
node_projects -->|"links to"| node_project_sites
node_firebase -->|"initializes clients"| node_firebase_services

click node_home "https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/app/page.tsx"
click node_layout "https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/app/layout.tsx"
click node_navigation "https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Navigation.tsx"
click node_presentation "https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/app/globals.css"
click node_hero "https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Hero.tsx"
click node_about "https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/About.tsx"
click node_skills "https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Skills.tsx"
click node_experience "https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Experience.tsx"
click node_projects "https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Projects.tsx"
click node_education "https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Education.tsx"
click node_contact "https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Contact.tsx"
click node_firebase "https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/lib/firebase.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,node_navigation,node_presentation,node_firebase toneBlue
class node_hero,node_about,node_skills,node_experience,node_projects,node_education toneAmber
class node_contact toneMint
class node_visitor,node_external_profiles,node_project_sites,node_firebase_services toneIndigo
```

## Components

### Page Entry

- [Home Page](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/app/page.tsx): `app/page.tsx`
- [Root Layout](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/app/layout.tsx): `app/layout.tsx`
- [Navigation](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Navigation.tsx): `components/Navigation.tsx`
- [Global Styles](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/app/globals.css): `app/globals.css`
- [Firebase Setup](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/lib/firebase.ts): `lib/firebase.ts`

### Portfolio Content

- [Introduction](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Hero.tsx): `components/Hero.tsx`
- [About](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/About.tsx): `components/About.tsx`
- [Skills](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Skills.tsx): `components/Skills.tsx`
- [Experience](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Experience.tsx): `components/Experience.tsx`
- [Projects](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Projects.tsx): `components/Projects.tsx`
- [Education](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Education.tsx): `components/Education.tsx`

### Outreach

- [Contact](https://github.com/rajneeshk7788/portfolio_next_tailwind/blob/main/components/Contact.tsx): `components/Contact.tsx`

### Other components

- **Visitor**
- **Social Profiles**
- **Project Sites**
- **Firebase Services**

## Connections

- Visitor → Home Page: opens page
- Home Page → Root Layout: rendered within
- Home Page → Navigation: renders
- Home Page → Introduction: renders
- Home Page → About: renders
- Home Page → Skills: renders
- Home Page → Experience: renders
- Home Page → Projects: renders
- Home Page → Education: renders
- Home Page → Contact: renders
- Navigation → Introduction: anchors to
- Navigation → About: anchors to
- Navigation → Skills: anchors to
- Navigation → Experience: anchors to
- Navigation → Projects: anchors to
- Navigation → Education: anchors to
- Navigation → Contact: anchors to
- Introduction → Social Profiles: links to
- Introduction → Contact: links to
- Contact → Social Profiles: links to
- Projects → Project Sites: links to
- Firebase Setup → Firebase Services: initializes clients