How greeshmita-23/portfolio-website works
This is a React single-page personal portfolio for presenting the owner’s background, skills, career history, projects, credentials, and contact options. A visitor enters through the app shell, explores its portfolio sections, can search and filter projects and open project details, browse GitHub repositories and statistics, access a resume, and initiate contact by email. The graph follows the documented app composition and the sampled project/contact interactions; unsampled section internals are represented by their components rather than inferred connections.
Main entry points: App.jsx App composition · Projects.jsx Project collection · GitHubProjects.jsx GitHub repositories · GithubStats.jsx GitHub statistics
Components 22
Portfolio Shell
- App composition
src/App.jsx - Navigation
src/components/Navbar.jsx - Footer links
src/components/Footer.jsx
Profile and Career
- Introduction
src/components/Hero.jsx - Background
src/components/About.jsx - Technical skills
src/components/Skills.jsx - Experience timeline
src/components/Experience.jsx
Projects and GitHub
- Project collection
src/components/Projects.jsx - Project cards
src/components/ProjectCard.jsx - Project filter
src/components/ProjectFilter.jsx - Project search
src/components/ProjectSearch.jsx - Project details
src/components/ProjectModal.jsx - GitHub repositories
src/components/GitHubProjects.jsx - GitHub statistics
src/components/GithubStats.jsx
Credentials and Contact
- Certificates
src/components/Certificates.jsx - Certificate details
src/components/CertificateModal.jsx - Achievements
src/components/Achievements.jsx - Resume access
src/components/Resume.jsx - Contact form
src/components/Contact.jsx
Other components
- Portfolio visitor
- GitHub service
- Email application
Connections 22
- Portfolio visitor → App composition: opens portfolio
README.md - App composition → Navigation: renders
src/App.jsx - App composition → Introduction: renders
src/App.jsx - App composition → Background: renders
src/App.jsx - App composition → Technical skills: renders
src/App.jsx - App composition → Experience timeline: renders
src/App.jsx - App composition → Project collection: renders
src/App.jsx - App composition → GitHub repositories: renders
src/App.jsx - App composition → GitHub statistics: renders
src/App.jsx - App composition → Certificates: renders
src/App.jsx - App composition → Achievements: renders
src/App.jsx - App composition → Resume access: renders
src/App.jsx - App composition → Contact form: renders
src/App.jsx - App composition → Footer links: renders
src/App.jsx - Project collection → Project cards: renders
src/components/Projects.jsx - Project collection → Project filter: renders
src/components/Projects.jsx - Project collection → Project search: renders
src/components/Projects.jsx - Project collection → Project details: renders
src/components/Projects.jsx - Certificates → Certificate details: opens details
src/components/Certificates.jsx - GitHub repositories → GitHub service: fetches repositories
src/components/GitHubProjects.jsx - GitHub statistics → GitHub service: shows statistics
README.md - Contact form → Email application: opens prepared email
src/components/Contact.jsx