How manyamnaveen/personal-portfolio works
This is a personal developer portfolio: visitors browse professional background, project work, skills, education, and downloadable résumé, then can inspect project case studies or make contact. The page component assembles the experience; project data and case-study content feed the presentation, while contact submissions are handled by a server route with email delivery and a WhatsApp option. The README documents broader capabilities; contact form request wiring and several section implementations were not sampled, so those connections are based on documentation or omitted where uncertain.
Main entry points: page.tsx Home page · Projects.tsx Project showcase · route.ts Contact handler · CaseStudyModal.tsx Case study modal
Components 16
Portfolio presentation
- Home page
app/page.tsx - Root layout
app/layout.tsx - Navigation
components/Navbar.tsx - Introduction
components/Hero.tsx - Profile sections
components - Project showcase
components/Projects.tsx - Case study modal
components/CaseStudyModal.tsx - Theme provider
components/ThemeProvider.tsx
Portfolio content
- Portfolio data
data/portfolioData.ts - Case study content
data/caseStudies.ts - Résumé files
public/resume
Contact and outreach
- Contact form
components/Contact.tsx - Contact handler
app/api/contact/route.ts - Email delivery
- WhatsApp chat
Other components
- Portfolio visitor
Connections 20
- Portfolio visitor → Home page: opens portfolio
- Home page → Root layout: renders within
- Home page → Navigation: renders
- Home page → Introduction: renders
- Home page → Profile sections: renders
- Home page → Project showcase: renders
- Home page → Contact form: renders
- Home page → Case study modal: renders
- Root layout → Theme provider: provides theme
- Navigation → Theme provider: uses theme
- Introduction → Portfolio data: reads profile
- Profile sections → Portfolio data: reads content
- Project showcase → Portfolio data: reads projects
- Project showcase → Case study modal: opens study
- Case study modal → Case study content: reads study
- Portfolio visitor → Résumé files: downloads résumé
- Portfolio visitor → Contact form: submits inquiry
- Contact form → Contact handler: posts inquiry
- Contact handler → Email delivery: sends email
- Contact handler → WhatsApp chat: provides chat link