How gowthamgongada/personal-website-react works
This is a personal developer portfolio built with Next.js. Visitors browse the portfolio’s profile, skills, experience, and selected projects, then open a project page for its description, role, imagery, and external links. The sampled source confirms project-list data access and project-detail routing; the home page and several components were not sampled, so their wiring is left unspecified.
Main entry points: layout.tsx Root layout · page.tsx Project route · data.ts Portfolio data · ProjectList.tsx Project list
Components 22
Portfolio content
- Profile section
app/_components/AboutMe.tsx - Intro banner
app/_components/Banner.tsx - Experience section
app/_components/Experiences.tsx - Skills section
app/_components/Skills.tsx - Portfolio data
lib/data.ts - Project model
types/index.ts
Project browsing
- Home page
app/page.tsx - Project list
app/_components/ProjectList.tsx - Project card
app/_components/Project.tsx - Project route
app/projects/[slug]/page.tsx - Project details
app/projects/[slug]/_components/ProjectDetails.tsx
Site presentation
- Root layout
app/layout.tsx - Navigation
components/Navbar.tsx - Footer
components/Footer.tsx - Custom cursor
components/CustomCursor.tsx - Preloader
components/Preloader.tsx - Scroll progress
components/ScrollProgressIndicator.tsx - Particle background
components/ParticleBackground.tsx - Sticky email
app/_components/StickyEmail.tsx
External services
- Google Analytics
- Hotjar
Other components
- Visitor
Connections 18
- Visitor → Home page: opens
- Visitor → Project route: opens project
- Project list → Portfolio data: reads projects
- Project list → Project card: renders cards
- Project card → Project route: links to
- Project route → Portfolio data: finds project
- Project route → Project details: renders details
- Project details → Portfolio data: receives project
- Root layout → Navigation: renders
- Root layout → Footer: renders
- Root layout → Custom cursor: renders
- Root layout → Preloader: renders
- Root layout → Scroll progress: renders
- Root layout → Particle background: renders
- Root layout → Sticky email: renders
- Navigation → Portfolio data: reads links
- Root layout → Google Analytics: loads analytics
- Root layout → Hotjar: loads tracking