How mmamunurrashid/my-portfolio-nextjs works
This is a personal portfolio website: visitors browse the owner’s profile, work, skills, projects, and contact options, then can submit a message for email delivery. The home page’s component sequence and the contact submission path are supported by sampled source. Other page routes and shared-shell wiring are represented as capabilities from the tree; their internal connections are not asserted because those sources were not sampled.
Main entry points: app/page.tsx Home page · contact/page.tsx Contact page · navbar.tsx Navigation · route.ts Email endpoint
Components 21
Portfolio content
- Home page
src/app/page.tsx - Introduction
src/components/pages/header/header.tsx - Services
src/components/pages/what-i-do/what-i-do.tsx - Work summary
src/components/pages/short-experience/short-experience.tsx - Skills summary
src/components/pages/skills/skills.tsx - Project summary
src/components/pages/projects/projects.tsx - Contact summary
src/components/pages/contact/contact.tsx - About page
src/app/about/page.tsx - Projects page
src/app/projects/page.tsx - Experience page
src/app/experience/page.tsx - Skills page
src/app/skills/page.tsx
Site navigation
- Navigation
src/components/navbar/navbar.tsx - Shared layout
src/components/layout.tsx - Footer
src/components/footer/footer.tsx
Contact delivery
- Contact page
src/app/contact/page.tsx - Email endpoint
src/app/api/send-email/route.ts
UI and preferences
- Theme provider
src/providers/ThemeProviders.tsx - Browser storage
- Canvas effects
src/components/ui/canvas-reveal-effect.tsx
Other components
- Visitor
- Gmail
Connections 19
- Visitor → Home page: opens
- Visitor → About page: opens
- Visitor → Projects page: opens
- Visitor → Experience page: opens
- Visitor → Skills page: opens
- Visitor → Contact page: opens
- Home page → Introduction: renders
- Home page → Services: renders
- Home page → Work summary: renders
- Home page → Skills summary: renders
- Home page → Project summary: renders
- Home page → Contact summary: renders
- Home page → Footer: renders
- Visitor → Navigation: uses
- Navigation → Theme provider: reads theme
- Theme provider → Browser storage: reads/writes
- Visitor → Contact page: submits form
- Contact page → Email endpoint: POSTs message
- Email endpoint → Gmail: sends email