How waleedbacha/waleed-portfolio works
This is a React portfolio site: a visitor enters the app, browses a single-page profile and work showcase, then can contact or share the portfolio and export a resume. App.js is the composition point for the sampled page sections and interactive features. The README documents additional capabilities, represented by their named component paths; their wiring is not fully verified in the excerpts. No backend or persistent data store is evidenced; theme preference is stored in browser localStorage.
Main entry points: App.js Page composition · About.jsx About and skills · Contact.jsx Contact form · Navbar.jsx Navigation and theme
Components 28
Portfolio Sections
- Home intro
src/components/Home.jsx - About and skills
src/components/About.jsx - Experience
src/components/Experience.jsx - Projects
src/components/Projects.jsx - Services
src/components/Services.jsx - Testimonials
src/components/Testimonials.jsx - Contact form
src/components/Contact.jsx
Visitor Interactions
- Navigation and theme
src/components/Navbar.jsx - Visitor counter
src/components/LiveVisitorCounter.jsx - Copy and share
src/components/CopyToClipboard.jsx - Resume export
src/components/ExportPDF.jsx - Resume content
src/components/ResumeForPDF.jsx - Toast feedback
src/components/AnimatedToast.jsx
Visual Experience
- Particle background
src/components/ParticleBackground.jsx - Magnetic cursor
src/components/MagneticCursor.jsx - Achievement badges
src/components/AchievementBadges.jsx - Bento statistics
src/components/BentoGrid.jsx - Skills marquee
src/components/InfiniteMarquee.jsx - 3D globe
src/components/ThreeGlobe.jsx - 3D tech cube
src/components/RotatingCube.jsx - Loading screen
src/components/Preloader.jsx - Scroll progress
src/components/ScrollProgress.jsx - Back to top
src/components/BackToTop.jsx
App Runtime
- React entry
src/index.js - Page composition
src/App.js
Other components
- Portfolio visitor
- EmailJS service
- Browser localStorage
Connections 28
- Portfolio visitor → React entry: opens site
- React entry → Page composition: renders
- Page composition → Home intro: renders
- Page composition → About and skills: renders
- Page composition → Experience: renders
- Page composition → Projects: renders
- Page composition → Services: renders
- Page composition → Testimonials: renders
- Page composition → Contact form: renders
- Page composition → Navigation and theme: renders
- Page composition → Visitor counter: renders
- Page composition → Copy and share: renders
- Page composition → Resume export: renders
- Page composition → Toast feedback: provides context
- Page composition → Particle background: renders
- Page composition → Magnetic cursor: renders
- Page composition → Achievement badges: renders
- Page composition → Bento statistics: renders
- Page composition → Loading screen: renders while loading
- Page composition → Scroll progress: renders
- Page composition → Back to top: renders
- Navigation and theme → Browser localStorage: persists theme
- Page composition → Browser localStorage: reads theme
- About and skills → 3D tech cube: renders
- Page composition → 3D globe: renders
- Page composition → Skills marquee: renders
- Resume export → Resume content: exports content
- Contact form → EmailJS service: sends message