How vigneshthyagarajan/portfolio works
This repository is a single-page personal portfolio for a DevOps and middleware professional. A visitor loads the home page, which presents profile and education, work history, skills, projects, certifications, and contact information as sections; the layout also provides theme switching. The page-to-section and layout-to-theme wiring is visible in the sampled source. The skills, certifications, hero, and theme-provider implementations were not sampled, so their internal behavior and any further integrations are not mapped.
Main entry points: page.tsx Home page · card.tsx Card primitives · layout.tsx Root layout · projects.tsx Projects
Components 18
Portfolio page
- Home page
src/app/page.tsx - Root layout
src/app/layout.tsx
Portfolio sections
- Hero
src/components/hero.tsx - About and education
src/components/about.tsx - Work experience
src/components/experience.tsx - Skills
src/components/skills.tsx - Projects
src/components/projects.tsx - Certifications
src/components/certifications.tsx - Contact
src/components/contact.tsx
Theme and UI
- Theme provider
src/components/theme-provider.tsx - Theme toggle
src/components/theme-toggle.tsx - Card primitives
src/components/ui/card.tsx - Badge primitive
src/components/ui/badge.tsx - Button primitive
src/components/ui/button.tsx - Class utilities
src/lib/utils.ts
Other components
- Visitor
- GitHub
Connections 24
- Visitor → Root layout: opens site
- Root layout → Home page: renders page
- Root layout → Theme provider: wraps content
- Root layout → Theme toggle: renders toggle
- Home page → Hero: renders section
- Home page → About and education: renders section
- Home page → Work experience: renders section
- Home page → Skills: renders section
- Home page → Projects: renders section
- Home page → Certifications: renders section
- Home page → Contact: renders section
- About and education → Card primitives: uses cards
- Work experience → Card primitives: uses cards
- Work experience → Badge primitive: uses badges
- Projects → Card primitives: uses cards
- Projects → Badge primitive: uses badges
- Projects → Button primitive: uses buttons
- Contact → Card primitives: uses cards
- Contact → Button primitive: uses buttons
- Button primitive → Class utilities: merges classes
- Badge primitive → Class utilities: merges classes
- Card primitives → Class utilities: merges classes
- Visitor → LinkedIn: follows profile
- Visitor → GitHub: opens profile