How asfand-yar-dev/portfolio_of_asfand_yar works
This is a statically rendered personal portfolio: visitors browse the developer’s profile, work history, projects, skills, services, and contact options. The App Router page composes these sections, with shared site metadata and portfolio content supplied from lib. Client-side features add theme persistence, responsive navigation, and motion effects; the README also documents static project details, structured metadata, sitemap/robots, and accessibility fallbacks. The sampled code establishes the page composition and selected interactions; unsampled component internals are represented only where their paths and capabilities are documented.
Main entry points: page.tsx Home page · Header.tsx Navigation and theme · layout.tsx Root layout · site.ts Site identity
Components 21
Page composition
- Root layout
app/layout.tsx - Home page
app/page.tsx
Portfolio content
- Hero
components/Hero.tsx - About
components/About.tsx - Experience
components/Experience.tsx - Projects
components/Projects.tsx - Skills
components/Skills.tsx - Services
components/Services.tsx - Contact
components/Contact.tsx - Footer
components/Footer.tsx - Portfolio data
lib/content.ts
Visitor experience
- Navigation and theme
components/Header.tsx - Scroll effects
components/ScrollExperience.tsx - Engineering background
components/EngineeringBackground.tsx - Interactive compute core
components/ComputeCore.tsx - Core pointer motion
lib/enhance-core.ts
Site identity
- Site identity
lib/site.ts - Robots endpoint
app/robots.js - Sitemap endpoint
app/sitemap.js
Other components
- Portfolio visitor
- Vercel analytics
Connections 23
- Portfolio visitor → Root layout: opens site
- Root layout → Home page: wraps page
- Root layout → Site identity: reads metadata
- Root layout → Vercel analytics: mounts on Vercel
- Home page → Navigation and theme: renders
- Home page → Engineering background: renders
- Home page → Scroll effects: renders
- Home page → Hero: renders
- Home page → About: renders
- Home page → Experience: renders
- Home page → Projects: renders
- Home page → Skills: renders
- Home page → Services: renders
- Home page → Contact: renders
- Home page → Footer: renders
- Home page → Portfolio data: reads projects
- Home page → Site identity: reads identity
- Navigation and theme → Site identity: reads links
- Navigation and theme → Portfolio visitor: offers navigation
- Navigation and theme → Navigation and theme: persists theme
- Home page → Robots endpoint: publishes alongside
- Home page → Sitemap endpoint: publishes alongside
- Interactive compute core → Core pointer motion: uses pointer logic