How kxianne27/kent-paler-portfolio works
This is a Next.js personal portfolio presenting the owner’s profile, expertise, experience, and software projects. Visitors browse the home page, open project case studies, and can use resume or contact options. The sampled code confirms the project-detail route reads project data, and the Resume, About, Navbar, and Contact components read their respective data modules. The home-page composition and several component implementations were not sampled, so their wiring is not asserted.
Main entry points: Resume.tsx Resume Section · page.tsx Project Case Study · profile.ts Profile Data · Navbar.tsx Navigation Bar
Components 19
Page and Navigation
- Root Layout
app/layout.tsx - Home Page
app/page.tsx - Project Case Study
app/projects/[slug]/page.tsx
Portfolio Content
- Navigation Bar
components/layout/Navbar.tsx - Hero Section
components/home/Hero.tsx - About Section
components/about/About.tsx - Experience Section
components/experience/Experience.tsx - Project Listing
components/projects/Projects.tsx - Project Card
components/projects/ProjectCard.tsx - Resume Section
components/resume/Resume.tsx - Contact Section
components/contact/Contact.tsx - Site Footer
components/layout/Footer.tsx
Portfolio Data
- Profile Data
data/profile.ts - Navigation Data
data/navigation.ts - About Data
data/about.ts - Experience Data
data/experience.ts - Skills Data
data/skills.ts - Projects Data
data/projects.ts
Other components
- Portfolio Visitor
Connections 12
- Portfolio Visitor → Root Layout: requests site
- Root Layout → Home Page: renders children
- Portfolio Visitor → Project Case Study: opens case study
- Project Case Study → Projects Data: reads project data
- Navigation Bar → Profile Data: reads profile
- Navigation Bar → Navigation Data: reads links
- About Section → About Data: reads content
- Resume Section → Profile Data: reads profile
- Resume Section → Experience Data: reads experience
- Resume Section → Skills Data: reads skills
- Contact Section → Profile Data: reads contact details
- Project Card → Project Case Study: links to