How gsk-10/shiva-gaddam-portfolio works
This is a statically rendered personal engineering portfolio. Visitors enter through the homepage, browse profile, work, experience, skills, and projects, then can open work case studies or use contact and resume links. A separate notes page presents engineering notes. Typed content supplies the portfolio sections, while shared layout, theme, and accessibility components support navigation and presentation. The graph follows documented structure and indexed imports; unsampled implementation details and deployment infrastructure are not expanded.
Main entry points: portfolio.ts Profile and section copy · page.tsx Homepage route · layout.tsx Root layout and SEO · Work.tsx Work case studies
Components 27
Pages and metadata
- Homepage route
app/page.tsx - Notes route
app/notes/page.tsx - Root layout and SEO
app/layout.tsx - Robots and sitemap
app
Portfolio sections
- Hero and profile
components/sections/Hero.tsx - About
components/sections/About.tsx - Work case studies
components/sections/Work.tsx - Experience
components/sections/Experience.tsx - Skills
components/sections/Skills.tsx - Projects
components/sections/Projects.tsx - Contact
components/sections/Contact.tsx - Engineering notes
components/sections/Notes.tsx
Typed content
- Profile and section copy
content/portfolio.ts - Case-study data
content/work.ts - Skill catalog
content/skills.ts - Project catalog
content/projects.ts - Theme cycle
content/themes.ts
Shared experience
- Navigation
components/layout/Navbar.tsx - Footer
components/layout/Footer.tsx - Theme provider and toggle
components/theme.tsx - Section and UI primitives
components/ui.tsx - Interactive profile card
components/ui/HeroProfileCard.tsx - Modal focus management
components/ui/useModalDialog.ts - Back-to-top control
components/ui/BackToTop.tsx - Theme palettes
styles/theme.css
Other components
- Visitor
- Visitor email client
Connections 34
- Visitor → Homepage route: opens
README.md - Visitor → Notes route: opens
README.md - Homepage route → Hero and profile: renders
app/page.tsx - Homepage route → About: renders
app/page.tsx - Homepage route → Work case studies: renders
app/page.tsx - Homepage route → Experience: renders
app/page.tsx - Homepage route → Skills: renders
app/page.tsx - Homepage route → Projects: renders
app/page.tsx - Homepage route → Contact: renders
app/page.tsx - Notes route → Engineering notes: renders
app/notes/page.tsx - Root layout and SEO → Navigation: renders
app/layout.tsx - Root layout and SEO → Footer: renders
app/layout.tsx - Root layout and SEO → Back-to-top control: renders
app/layout.tsx - Root layout and SEO → Theme provider and toggle: provides
app/layout.tsx - Root layout and SEO → Robots and sitemap: generates
README.md - Hero and profile → Interactive profile card: renders
components/sections/Hero.tsx - Work case studies → Modal focus management: uses
components/sections/Work.tsx - Theme provider and toggle → Theme cycle: loads
components/theme.tsx - Navigation → Theme provider and toggle: renders toggle
components/layout/Navbar.tsx - Hero and profile → Profile and section copy: reads
components/sections/Hero.tsx - About → Profile and section copy: reads
components/sections/About.tsx - Work case studies → Profile and section copy: reads
components/sections/Work.tsx - Work case studies → Case-study data: reads
components/sections/Work.tsx - Experience → Profile and section copy: reads
components/sections/Experience.tsx - Skills → Profile and section copy: reads
components/sections/Skills.tsx - Skills → Skill catalog: reads
components/sections/Skills.tsx - Projects → Profile and section copy: reads
components/sections/Projects.tsx - Projects → Project catalog: reads
components/sections/Projects.tsx - Contact → Profile and section copy: reads
components/sections/Contact.tsx - Engineering notes → Profile and section copy: reads
app/notes/page.tsx - Navigation → Profile and section copy: reads
components/layout/Navbar.tsx - Footer → Profile and section copy: reads
components/layout/Footer.tsx - Section and UI primitives → Theme palettes: uses tokens
README.md - Contact → Visitor email client: opens draft
components/sections/Contact.tsx