How abir-0173/abir-3d-web works
This is a single-page personal portfolio for a full-stack developer. Visitors browse the introduction, biography, skills, project showcase, and contact options; the contact form opens a prefilled email in the visitor’s email client rather than sending through a backend. The page composes the sections, while the hero loads a client-only 3D galaxy background. Source excerpts support these links; other deployment and runtime details are not mapped.
Main entry points: page.tsx Home page · NavBar.tsx Navigation · HeroSection.tsx Hero · ContactSection.tsx Contact
Components 12
Page composition
- Home page
src/app/page.tsx - Root layout
src/app/layout.tsx
Portfolio sections
Visual experience
- Galaxy canvas
src/components/GalaxyCanvas.tsx
Other components
- Visitor
- Email client
Connections 17
- Visitor → Home page: requests page
- Root layout → Home page: wraps page
- Home page → Navigation: renders
- Home page → Hero: renders
- Home page → About: renders
- Home page → Skills: renders
- Home page → Projects: renders
- Home page → Contact: renders
- Home page → Footer: renders
- Hero → Galaxy canvas: loads dynamically
- Navigation → About: links to section
- Navigation → Skills: links to section
- Navigation → Projects: links to section
- Navigation → Contact: links to section
- Hero → Projects: links to section
- Hero → Contact: links to section
- Contact → Email client: opens prefilled email