How naresh733081/my-portfolio works
This is a React personal portfolio presenting its owner’s profile, résumé, skills, projects, education, experience, and contact details. A visitor enters the routed application, uses the shared navigation to select a section, and reads the corresponding portfolio page; the home page also exposes the résumé. The graph covers the app shell, navigation behavior, and portfolio content. Relationships are based on the supplied source excerpts and index; unsampled page internals and external destinations are not inferred.
Main entry points: App.js Router and shell · Navbar.js Navigation bar · Home.js Home profile · index.js React entry
Components 13
Application shell
- Router and shell
src/App.js - React entry
src/index.js
Navigation
- Navigation bar
src/components/Navbar.js - Scroll reset
src/components/ScrollToTop.js
Portfolio content
- Home profile
src/components/Home.js - Résumé PDF
src/assets/resume.pdf - Projects
src/components/Projects.js - Education
src/components/Education.js - Experience
src/components/Experience.js - Skills
src/components/Skills.js - Contact details
src/components/ContactMe.js - Footer
src/components/Footer.js
Other components
- Visitor
Connections 12
- Visitor → Router and shell: opens portfolio
- React entry → Router and shell: renders
src/index.js - Router and shell → Navigation bar: renders
src/App.js - Router and shell → Home profile: routes to
src/App.js - Router and shell → Projects: routes to
src/App.js - Router and shell → Education: routes to
src/App.js - Router and shell → Experience: routes to
src/App.js - Router and shell → Skills: routes to
src/App.js - Router and shell → Contact details: routes to
src/App.js - Router and shell → Footer: renders
src/App.js - Navigation bar → Scroll reset: renders
src/components/Navbar.js - Home profile → Résumé PDF: links résumé
src/components/Home.js