How divyaabdar09/portfolio works
This repository is a React-based personal portfolio website. A visitor enters through the browser application, which routes the homepage or a not-found page; the homepage then renders the portfolio sections: introduction, biography, skills, experience and education, projects, contact, and footer. Navigation links scroll between sections, while project cards and contact details present work and ways to connect. The graph preserves each substantial page and component. The README is empty, so capabilities and relationships are based on the supplied source excerpts and index.
Main entry points: Home.tsx Home Page · App.tsx Router App · Projects.tsx Featured Projects · Contact.tsx Contact Details
Components 14
Application Shell
- Router App
App.tsx - Home Page
src/pages/Home.tsx - Not Found
src/pages/NotFound.tsx
Portfolio Content
- Introduction
src/components/Hero.tsx - About Profile
src/components/About.tsx - Skills
src/components/Skills.tsx - Experience Education
src/components/Experience.tsx - Featured Projects
src/components/Projects.tsx
Visitor Engagement
- Navigation
src/components/Navbar.tsx - Contact Details
src/components/Contact.tsx - Footer
src/components/Footer.tsx
Other components
- Visitor
- Email Client
- Image Host
Connections 13
- Visitor → Router App: opens site
- Router App → Home Page: routes /
App.tsx - Router App → Not Found: routes fallback
App.tsx - Home Page → Navigation: renders
src/pages/Home.tsx - Home Page → Introduction: renders
src/pages/Home.tsx - Home Page → About Profile: renders
src/pages/Home.tsx - Home Page → Skills: renders
src/pages/Home.tsx - Home Page → Experience Education: renders
src/pages/Home.tsx - Home Page → Featured Projects: renders
src/pages/Home.tsx - Home Page → Contact Details: renders
src/pages/Home.tsx - Home Page → Footer: renders
src/pages/Home.tsx - Contact Details → Email Client: links email
src/components/Contact.tsx - Featured Projects → Image Host: loads images
src/components/Projects.tsx