How dhanush-coder-s/dhanush-portfolio works
This repository implements a personal portfolio website: visitors browse profile, project, skills, education, and contact content. The visible runtime starts at React’s mount point, renders the app, and delegates page selection to a router; the app also provides a loading fallback. Sampled source confirms several sections render their corresponding data modules. The router and some components were not sampled, so their internal routing and composition are not asserted here.
Main entry points: App.jsx App shell · main.jsx React mount · Navbar.jsx Navigation · MyDetails.jsx Profile hero
Components 20
Application runtime
- React mount
src/main.jsx - App shell
src/App.jsx - Page router
src/routing/router.jsx
Portfolio sections
- Loading fallback
src/components/Loading.jsx - Navigation
src/components/Navbar.jsx - Profile hero
src/components/MyDetails.jsx - About section
src/components/About.jsx - Projects section
src/components/Projects.jsx - Skills section
src/components/TechnicalSkills.jsx - Education section
src/components/Education.jsx - Contact section
src/components/Contact.jsx - Footer
src/components/Footer.jsx - Scroll control
src/components/ScrollToTop.jsx
Portfolio content
- Navigation items
src/data/navItems.js - About content
src/data/about.js - Project records
src/data/projects.jsx - Skills catalog
src/data/Skills.jsx - Education records
src/data/educationDetails.js - Resume PDF
src/assets/pdf/Dhanush_S_Python_Full_Stack_Resume.pdf
Other components
- Visitor
Connections 10
- Visitor → React mount: opens site
- React mount → App shell: renders
src/main.jsx - App shell → Page router: provides routes
src/App.jsx - App shell → Loading fallback: uses fallback
src/App.jsx - Navigation → Navigation items: renders items
src/components/Navbar.jsx - About section → About content: renders content
src/components/About.jsx - Projects section → Project records: renders projects
src/components/Projects.jsx - Skills section → Skills catalog: renders skills
src/components/TechnicalSkills.jsx - Education section → Education records: renders records
src/components/Education.jsx - Profile hero → Resume PDF: links resume
src/components/MyDetails.jsx