How muhammad-saad-riaz/m-saad-riaz-portfolio-v2 works
This is a personal developer portfolio site: visitors browse a single-page presentation of the developer’s work, experience, background, process, and skills, then use contact or social links to reach out. The Next.js home page composes the portfolio sections inside a shared layout with navigation and footer. The sampled code confirms specific data reads for navigation, experience, featured work, and contact; wiring for other section data is not asserted.
Main entry points: page.tsx Home Page · Navbar.tsx Navbar · portfolio-data.ts Portfolio Data · Footer.tsx Footer
Components 19
Page Shell
- Root Layout
src/app/layout.tsx - Home Page
src/app/page.tsx
Portfolio Sections
- Hero
src/components/sections/Hero.tsx - Featured Project
src/components/sections/FeaturedProject.tsx - Experience
src/components/sections/Experience.tsx - Testimonial
src/components/sections/Testimonial.tsx - About
src/components/sections/About.tsx - Projects
src/components/sections/Projects.tsx - Process
src/components/sections/Process.tsx - Tech Stack
src/components/sections/TechStack.tsx
Navigation & Contact
Content & UI
- Portfolio Data
src/data/portfolio-data.ts - Navigation Links
src/constants/navigation.ts - Social Links
src/constants/social-links.ts - Button UI
src/components/ui/button.tsx - Badge UI
src/components/ui/badge.tsx
Other components
- Visitor
Connections 26
- Visitor → Home Page: opens
- Root Layout → Navbar: renders
- Root Layout → Home Page: wraps
- Root Layout → Footer: renders
- Home Page → Hero: renders
- Home Page → Featured Project: renders
- Home Page → Experience: renders
- Home Page → Testimonial: renders
- Home Page → About: renders
- Home Page → Projects: renders
- Home Page → Process: renders
- Home Page → Tech Stack: renders
- Home Page → Contact: renders
- Navbar → Portfolio Data: reads identity
- Navbar → Navigation Links: reads links
- Navbar → Social Links: reads links
- Navbar → Button UI: uses
- Featured Project → Portfolio Data: reads project
- Featured Project → Badge UI: uses
- Experience → Portfolio Data: reads experience
- Experience → Badge UI: uses
- Contact → Portfolio Data: reads identity
- Contact → Social Links: reads links
- Footer → Portfolio Data: reads identity
- Footer → Navigation Links: reads links
- Footer → Social Links: reads links