How abinashrout244/pixelportfolio works
This is a React portfolio site for presenting a developer’s work, skills, background, and contact links. A visitor enters through the routed app, explores portfolio pages and project listings or details, and can use contact and QR-sharing features. The graph preserves the README’s documented showcase capabilities and the major source-index modules. Some page wiring and component internals were not sampled, so only relationships visible in excerpts or the source index are asserted.
Main entry points: App.jsx App routing · Home.jsx Home page · projectsData.js Project catalog · ArchiveView.jsx Project archive
Components 26
App and navigation
- App routing
src/App.jsx - Navigation
src/components/Navbar/Navbar.jsx
Portfolio showcase
- Home page
src/pages/Home.jsx - Featured projects
src/components/FeaturedProjects.jsx - Project catalog
src/data/projectsData.js - Project archive
src/pages/ArchiveView.jsx - Project detail
src/pages/ProjectDetailView.jsx - Project hero
src/pages/ProjectHero.jsx - Achievements
src/pages/Achievements.jsx
Profile and contact
- About page
src/pages/Aboutme.jsx - About hero
src/components/AboutHero.jsx - Beliefs carousel
src/components/BeliefsCarousel.jsx - Education section
src/components/EducationSection.jsx - Tech ecosystem
src/components/TechEcosystem.jsx - Uses page
src/pages/Uses.jsx - Links page
src/pages/Links.jsx - Contact CTA
src/pages/PreFooterCTA.jsx - Assistant responses
src/data/asterAssistant.js - Assistant button
src/components/HeroChatbotButton.jsx
Sharing features
- QR modal state
src/context/PortfolioQRContext.jsx - QR modal
src/components/PortfolioQRModal.jsx - QR generation
src/utils/qr.js - Business card
src/pages/BusinessCard.jsx - Share page
src/pages/Share.jsx
Other components
- Portfolio visitor
- EmailJS service
Connections 26
- Portfolio visitor → App routing: opens
- App routing → Navigation: renders
src/App.jsx - App routing → Home page: routes
src/App.jsx - App routing → Project archive: routes
src/App.jsx - App routing → Project detail: routes
src/App.jsx - App routing → Contact CTA: renders
src/App.jsx - App routing → About page: routes
src/App.jsx - App routing → Achievements: routes
src/App.jsx - App routing → Uses page: routes
src/App.jsx - App routing → Links page: routes
src/App.jsx - Home page → Featured projects: renders
src/pages/Home.jsx - Home page → Education section: renders
src/pages/Home.jsx - Home page → Tech ecosystem: renders
src/pages/Home.jsx - Featured projects → Project catalog: reads
src/components/FeaturedProjects.jsx - Project archive → Project catalog: reads
src/pages/ArchiveView.jsx - Project archive → QR modal state: opens QR
src/pages/ArchiveView.jsx - Project detail → Project catalog: reads
src/pages/ProjectDetailView.jsx - Project detail → Project hero: renders
src/pages/ProjectDetailView.jsx - About page → About hero: renders
src/pages/Aboutme.jsx - About page → Beliefs carousel: renders
src/pages/Aboutme.jsx - Contact CTA → EmailJS service: sends form
src/pages/PreFooterCTA.jsx - Assistant button → Assistant responses: uses answers
src/components/HeroChatbotButton.jsx - Navigation → QR modal state: opens QR
src/components/Navbar/Navbar.jsx - QR modal state → QR modal: renders
src/context/PortfolioQRContext.jsx - QR modal → QR generation: generates QR
src/components/PortfolioQRModal.jsx - Business card → Project catalog: reads
src/pages/BusinessCard.jsx