How manikorimilli/new-portfolio works
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: page.tsx Home page · data.ts Portfolio content · Hero.tsx Introduction · GitHubSection.tsx GitHub section
Components 18
Page and layout
- Home page
app/page.tsx - Root layout
app/layout.tsx
Portfolio sections
- Introduction
components/Hero.tsx - About
components/About.tsx - Experience
components/Experience.tsx - Tech stack
components/TechStack.tsx - Projects
components/Projects.tsx - Achievements
components/Achievements.tsx - GitHub section
components/GitHubSection.tsx - Contact form
components/Contact.tsx - Navigation and dock
components/Navbar.tsx - Footer
components/Footer.tsx
Shared content and motion
- Smooth scrolling
components/providers/SmoothScroll.tsx - Identity and links
lib/site.ts - Portfolio content
lib/data.ts
External services
- GitHub APIs
- Mail client
Other components
- Visitor
Connections 23
- 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