How sparsh-goyal01/portfolio works
This is a personal developer portfolio: visitors browse the landing page’s profile, skills, experience, projects, coding profiles, resume, and contact sections. The coding-profile view can fetch live LeetCode stats through an API route; the resume API route is present, but its use is not established by the available excerpts. The graph captures documented rendering and data references; unsampled integrations and route behavior are left unconnected where their relationships cannot be verified.
Main entry points: page.tsx Home Page · profile.ts Profile Data · Navbar.tsx Navigation · Hero.tsx Hero
Components 31
Portfolio Site
- Home Page
app/page.tsx - Navigation
components/navigation/Navbar.tsx - Hero
components/hero/Hero.tsx - Hero Visual
components/hero/HeroVisual.tsx - Hero Profile Card
components/hero/HeroProfileCard.tsx - About
components/about/AboutSection.tsx - Footer
components/footer/Footer.tsx - Site Footer
components/footer/Footer.tsx
Portfolio Content
- Skills
components/skills/SkillsSection.tsx - Technology Stream
components/skills/TechnologyStream.tsx - Experience
components/experience/ExperienceSection.tsx - Projects
components/projects/ProjectsSection.tsx - Resume
components/resume/ResumeSection.tsx - Resume API Route
app/api/resume/route.ts - Contact Section
components/contact/ContactSection.tsx - Contact Form
components/contact/ContactForm.tsx - Profile Data
data/profile.ts - Navigation Data
data/navigation.ts - Skills Data
data/skills.ts - Tech Stack Data
data/techStack.ts - Experience Data
data/experience.ts - Projects Data
data/projects.ts
Live Profiles
- Coding Profiles
components/coding-profiles/CodingProfilesSection.tsx - GitHub Card
components/coding-profiles/GitHubCard.tsx - LeetCode Card
components/coding-profiles/LeetCodeCard.tsx - GitHub API Route
app/api/github/route.ts - LeetCode API Route
app/api/leetcode/route.ts - Coding Profile Data
data/codingProfiles.ts
Interactive Details
- Music Player
components/ui/MusicPlayer.tsx - Music Config
data/music.ts
Other components
- Visitor
Connections 31
- Visitor → Home Page: opens
app/page.tsx - Home Page → Navigation: renders
app/page.tsx - Home Page → Hero: renders
app/page.tsx - Home Page → About: renders
app/page.tsx - Home Page → Skills: renders
app/page.tsx - Home Page → Experience: renders
app/page.tsx - Home Page → Projects: renders
app/page.tsx - Home Page → Coding Profiles: renders
app/page.tsx - Home Page → Resume: renders
app/page.tsx - Home Page → Contact Section: renders
app/page.tsx - Home Page → Footer: renders
app/page.tsx - Hero → Hero Visual: renders
components/hero/Hero.tsx - Hero Visual → Hero Profile Card: renders
components/hero/HeroVisual.tsx - Navigation → Navigation Data: reads
components/navigation/Navbar.tsx - Navigation → Profile Data: reads
components/navigation/Navbar.tsx - Skills → Technology Stream: renders
components/skills/SkillsSection.tsx - Skills → Skills Data: reads
components/skills/SkillsSection.tsx - Technology Stream → Tech Stack Data: reads
components/skills/TechnologyStream.tsx - Experience → Experience Data: reads
components/experience/ExperienceSection.tsx - Projects → Projects Data: reads
components/projects/ProjectsSection.tsx - Coding Profiles → GitHub Card: renders
components/coding-profiles/CodingProfilesSection.tsx - Coding Profiles → LeetCode Card: renders
components/coding-profiles/CodingProfilesSection.tsx - GitHub Card → Coding Profile Data: reads
components/coding-profiles/GitHubCard.tsx - LeetCode Card → Coding Profile Data: reads
components/coding-profiles/LeetCodeCard.tsx - LeetCode Card → LeetCode API Route: fetches
components/coding-profiles/LeetCodeCard.tsx - Contact Section → Contact Form: renders
components/contact/ContactSection.tsx - Contact Form → Profile Data: reads
components/contact/ContactForm.tsx - Footer → Profile Data: reads
components/footer/Footer.tsx - Hero → Profile Data: reads
components/hero/Hero.tsx - Music Player → Music Config: reads
components/ui/MusicPlayer.tsx - Visitor → Music Player: controls
components/ui/MusicPlayer.tsx