How adityamittal1604/portfolio works
This is a static personal developer portfolio. A visitor browses the profile and project work, filters projects and skills, reviews achievements and education, then may download the resume or open the contact form. React components render typed content from the portfolio data module; the README documents the page composition and modal state, while sampled component excerpts confirm the content imports and interactions. App composition and the contact modal implementation were not sampled, so those links rely on README statements rather than inspected source.
Main entry points: App.tsx Page composition · portfolio.ts Portfolio data · Hero.tsx Profile hero · ContactModal.tsx Contact modal
Components 14
Page shell
- React mount
src/main.tsx - Page composition
src/App.tsx - Navigation
src/components/Navbar.tsx - Footer links
src/components/Footer.tsx
Profile content
- Profile hero
src/components/Hero.tsx - Education and about
src/components/About.tsx
Portfolio content
- Skills browser
src/components/Skills.tsx - Project browser
src/components/Projects.tsx - Achievements
src/components/Achievements.tsx - Portfolio data
src/data/portfolio.ts
Contact and assets
- Contact modal
src/components/ContactModal.tsx - Resume PDF
public/resume.pdf
Other components
- Portfolio visitor
- Browser APIs
Connections 25
- Portfolio visitor → React mount: opens site
README.md - React mount → Page composition: mounts React app
README.md - Page composition → Navigation: renders
README.md - Page composition → Profile hero: renders
README.md - Page composition → Project browser: renders
README.md - Page composition → Skills browser: renders
README.md - Page composition → Achievements: renders
README.md - Page composition → Education and about: renders
README.md - Page composition → Footer links: renders
README.md - Page composition → Contact modal: owns modal state
README.md - Profile hero → Portfolio data: reads profile
src/components/Hero.tsx - Education and about → Portfolio data: reads profile
src/components/About.tsx - Navigation → Portfolio data: reads profile
src/components/Navbar.tsx - Footer links → Portfolio data: reads profile
src/components/Footer.tsx - Project browser → Portfolio data: reads projects
src/components/Projects.tsx - Skills browser → Portfolio data: reads skills
src/components/Skills.tsx - Achievements → Portfolio data: reads milestones
README.md - Profile hero → Browser APIs: copies email
src/components/Hero.tsx - Profile hero → Contact modal: requests contact
README.md - Navigation → Contact modal: requests contact
README.md - Footer links → Contact modal: requests contact
README.md - Profile hero → Resume PDF: links resume
src/components/Hero.tsx - Footer links → Resume PDF: links resume
src/components/Footer.tsx - Navigation → Resume PDF: links resume
src/components/Navbar.tsx - Contact modal → Browser APIs: opens mail client
README.md