How codebustler/my-portfolio works
This is a React portfolio site presenting the developer’s profile, work history, skills, testimonials, contact options, and project demos. A visitor enters through the browser router, which selects the home, about, project-catalog, or fallback page; the home page assembles portfolio sections, while the catalog organizes freelance, side, and mini projects into video-backed previews. The entry point supplies preview media through React context. The excerpts establish the main routing and home composition; wiring inside several unsampled components is not inferred.
Main entry points: App.jsx Home page · routes.jsx Route table · RootLayout.jsx Root layout · project_previews Preview media
Components 24
Navigation and pages
- React entry
src/main.jsx - Route table
src/router/routes.jsx - Root layout
src/router/RootLayout.jsx - Fallback page
src/components/NoPage.jsx - Footer
src/components/Footer.jsx - Navigation bar
src/components/Navbar.jsx - Back to top
src/components/TapToTop.jsx
Portfolio content
- Home page
src/App.jsx - About page
src/components/AboutMe.jsx - Hero section
src/components/HeroSection.jsx - Work history
src/components/PastWork.jsx - Skills section
src/components/Skills.jsx - Testimonials
src/components/Testimonials.jsx - Hire section
src/components/HireMe.jsx
Project showcase
- Project catalog
src/components/AllProjects/AllProjects.jsx - Featured projects
src/components/Projects.jsx - Freelance projects
src/components/AllProjects/FreelaceProjects.jsx - Side projects
src/components/AllProjects/SideProjects.jsx - Mini projects
src/components/AllProjects/MiniProjects.jsx - Project preview
src/components/ProjectPreview.jsx - Mobile preview
src/components/ProjectPreviewSM.jsx
Shared media
- Preview media
src/assets/project_previews - Resume PDF
src/assets/MallikarjunResume.pdf
Other components
- Visitor
Connections 25
- Visitor → React entry: opens site
- React entry → Route table: provides router
- Route table → Root layout: renders home layout
- Route table → About page: routes to about
- Route table → Project catalog: routes to catalog
- Route table → Fallback page: routes unmatched paths
- Root layout → Home page: outlet renders
- Root layout → Navigation bar: renders
- Root layout → Back to top: renders
- Root layout → Footer: renders
- Home page → Hero section: renders
- Home page → Featured projects: renders
- Home page → Work history: renders
- Home page → Skills section: renders
- Home page → Testimonials: renders
- Home page → Hire section: renders
- React entry → Preview media: provides preview assets
- Work history → Preview media: reads preview media
- Side projects → Preview media: reads preview media
- Mini projects → Preview media: reads preview media
- Freelance projects → Project preview: renders cards
- Side projects → Project preview: renders cards
- Mini projects → Project preview: renders desktop cards
- Mini projects → Mobile preview: renders mobile cards
- About page → Resume PDF: links resume