How sonisingh2004/portfolio works
This is a React personal portfolio: visitors browse an introduction, project work, skills, biography, and contact options. The app entry point renders the page composition; Projects reads its project descriptions from local data, and Toolbox delegates technology-icon rendering to TechIcons. Header and AboutMe link to the résumé PDF, while Contact submits its form to FormSubmit. The excerpts support these component relationships; other internal details are not inferred.
Main entry points: App.jsx Page composition · Projects.jsx Projects · Toolbox.jsx Skills toolbox · AboutMe.jsx About profile
Components 14
App composition
- React entry
src/main.jsx - Page composition
src/App.jsx
Portfolio content
- Introduction
src/components/Hero.jsx - Projects
src/components/Projects.jsx - Project details
src/data/projects.js - Skills toolbox
src/components/Toolbox.jsx - Technology icons
src/components/TechIcons.jsx - About profile
src/components/AboutMe.jsx - Résumé PDF
src/assets/SoniKumariSingh.pdf
Navigation and contact
- Header
src/components/Header.jsx - Contact form
src/components/Contact.jsx - Footer
src/components/Footer.jsx
Other components
- Visitor
- FormSubmit
Connections 13
- React entry → Page composition: renders
src/main.jsx - Page composition → Header: renders
src/App.jsx - Page composition → Introduction: renders
src/App.jsx - Page composition → Projects: renders
src/App.jsx - Page composition → Skills toolbox: renders
src/App.jsx - Page composition → About profile: renders
src/App.jsx - Page composition → Contact form: renders
src/App.jsx - Page composition → Footer: renders
src/App.jsx - Projects → Project details: reads
src/components/Projects.jsx - Skills toolbox → Technology icons: renders
src/components/Toolbox.jsx - Header → Résumé PDF: links to
src/components/Header.jsx - About profile → Résumé PDF: links to
src/components/AboutMe.jsx - Contact form → FormSubmit: submits to
src/components/Contact.jsx