How ali-hassan1590/my-portfolio works
This React portfolio presents a visitor-facing profile through an ordered page of biography, experience, skills, projects, and contact content. The runtime entry point mounts the root component, which renders the page sections; the navigation links jump to section anchors. The contact form submits entered details to Formspree and displays submission status. Evidence is based on the README and sampled source; styling and any unsampled integrations are not expanded into separate subsystems.
Main entry points: App.jsx Page composition · Navbar.jsx Section navigation · Contact.jsx Contact section · main.jsx React entry point
Components 10
Page shell
- React entry point
src/main.jsx - Page composition
src/App.jsx
Portfolio content
- Section navigation
src/components/Navbar.jsx - Introduction
src/components/Hero.jsx - Experience
src/components/Experience.jsx - Skills showcase
src/components/Skills.jsx - Project showcase
src/components/Projects.jsx
Contact flow
- Contact section
src/components/Contact.jsx
Other components
- Portfolio visitor
- Formspree
Connections 16
- Portfolio visitor → React entry point: opens site
- React entry point → Page composition: mounts
- Page composition → Section navigation: renders
- Page composition → Introduction: renders
- Page composition → Experience: renders
- Page composition → Skills showcase: renders
- Page composition → Project showcase: renders
- Page composition → Contact section: renders
- Portfolio visitor → Section navigation: uses links
- Section navigation → Introduction: jumps to home
- Section navigation → Experience: jumps to experience
- Section navigation → Skills showcase: jumps to skills
- Section navigation → Project showcase: jumps to systems
- Section navigation → Contact section: jumps to contact
- Portfolio visitor → Contact section: submits message
- Contact section → Formspree: posts form data