How aakashreddy-ui/my-portfolio works
This repository is a React portfolio website for a full-stack developer. A visitor lands on the profile, navigates portfolio sections, reviews projects and writing, then can reach out through email or WhatsApp. The sampled code shows the React entry point composing the page and the components rendering content from shared portfolio data; the remaining sections are presented as independent views. External project/profile links are destinations shown to visitors, not integrations invoked by the site. No README content or additional runtime services were provided.
Main entry points: App.jsx Page shell · portfolioData.js Portfolio data · Contact.jsx Contact · Projects.jsx Projects
Components 19
Page composition
- React entry
src/main.jsx - Page shell
src/App.jsx - Navigation and theme
src/components/Header.jsx - Footer
src/components/Footer.jsx - Page styles
src/styles.css - Icon renderer
src/components/Icon.jsx
Portfolio content
- Projects
src/components/Projects.jsx - Writing
src/components/BlogSection.jsx - Portfolio data
src/data/portfolioData.js
Profile and contact
- Introduction
src/components/Hero.jsx - About
src/components/About.jsx - Skills
src/components/Skills.jsx - Experience
src/components/Experience.jsx - Contact
src/components/Contact.jsx
Other components
- Visitor
- Email client
- Project websites
- Professional profiles
Connections 25
- Visitor → React entry: opens site
- React entry → Page shell: renders
- Page shell → Navigation and theme: renders
- Page shell → Introduction: renders
- Page shell → Projects: renders
- Page shell → Writing: renders
- Page shell → About: renders
- Page shell → Skills: renders
- Page shell → Experience: renders
- Page shell → Contact: renders
- Page shell → Footer: renders
- Page shell → Page styles: imports
- Navigation and theme → Portfolio data: reads navigation
- Introduction → Portfolio data: reads profile
- Projects → Portfolio data: reads project lists
- Writing → Portfolio data: reads posts
- Skills → Portfolio data: reads skills
- Contact → Portfolio data: reads contact details
- Introduction → Professional profiles: links to
- Projects → Project websites: links to
- Contact → Email client: opens mail link
- Contact → WhatsApp: opens message link
- Introduction → Icon renderer: renders icons
- Projects → Icon renderer: renders icons
- Contact → Icon renderer: renders icons