How abdulhaseeb-1/abdul_haseeb works
This repository is a personal portfolio website. A visitor opens the home page, which presents navigation, an animated introduction, skills, and expandable project cards. The page composes those sections; the hero combines text and imagery, while project cards support an expanded detail view with outside-click dismissal. The README is empty, and source excerpts are partial, so the graph reflects only supported component relationships and does not infer other routes or project-data sources.
Main entry points: page.tsx Home Page · hero/index.tsx Hero Section · projects/index.tsx Project Cards · navbar/index.tsx Navbar
Components 11
Page Composition
- Root Layout
portfolio/app/layout.tsx - Home Page
portfolio/app/page.tsx
Profile Sections
- Hero Section
portfolio/app/components/hero/index.tsx - Hero Text
portfolio/app/components/hero/hero_text.tsx - Hero Image
portfolio/app/components/hero/hero_image.tsx - Skills Section
portfolio/app/components/skills/index.tsx
Project Showcase
- Project Cards
portfolio/app/components/projects/index.tsx - Outside Click Hook
portfolio/hooks/use-outside-click.tsx
Site Navigation
- Navbar
portfolio/app/components/navbar/index.tsx - Navigation Links
portfolio/app/components/navbar/nav_links.tsx
Other components
- Visitor
Connections 10
- Visitor → Home Page: opens
- Root Layout → Home Page: renders
- Home Page → Navbar: renders
- Home Page → Hero Section: renders
- Home Page → Skills Section: renders
- Home Page → Project Cards: renders
- Navbar → Navigation Links: renders
- Hero Section → Hero Text: renders
- Hero Section → Hero Image: renders
- Project Cards → Outside Click Hook: calls