How sushmitadasari/portfolio-advanced works
This is a React portfolio website: a visitor opens the page, React mounts the application, and the page presents an introduction, biography and career timeline, skills, projects, and contact options. The app also provides navigation, visual effects, and a footer. Portfolio content is centralized in a data module and read by the relevant sections. The contact excerpt does not establish a submission service, so none is shown. SEO, accessibility, responsiveness, and lazy loading are documented capabilities; their detailed implementation is not fully represented in the sampled source.
Main entry points: App.jsx Page composition · portfolioData.js Portfolio data · main.jsx React entry · Hero.jsx Introduction
Components 15
App runtime
- React entry
src/main.jsx - Page composition
src/App.jsx
Portfolio sections
- Navigation
src/components/Navbar.jsx - Introduction
src/components/Hero.jsx - Animated backdrop
src/components/AnimatedBackground.jsx - Biography timeline
src/components/About.jsx - Skills display
src/components/Skills.jsx - Project showcase
src/components/Projects.jsx - Contact options
src/components/Contact.jsx - Footer
src/components/Footer.jsx - Scroll to top
src/components/ScrollToTop.jsx
Portfolio content
- Portfolio data
src/data/portfolioData.js
Presentation
- Global styles
src/index.css
Other components
- Site visitor
- Linked sites
Connections 21
- Site visitor → React entry: opens page
- React entry → Page composition: renders
- React entry → Global styles: loads styles
- Page composition → Navigation: renders
- Page composition → Introduction: renders
- Page composition → Animated backdrop: renders
- Page composition → Biography timeline: renders lazily
- Page composition → Skills display: renders lazily
- Page composition → Project showcase: renders lazily
- Page composition → Contact options: renders lazily
- Page composition → Footer: renders lazily
- Page composition → Scroll to top: renders
- Navigation → Portfolio data: reads links and profile
- Introduction → Portfolio data: reads profile
- Biography timeline → Portfolio data: reads biography and timeline
- Skills display → Portfolio data: reads skills
- Project showcase → Portfolio data: reads project entries
- Contact options → Portfolio data: reads contact details
- Introduction → Linked sites: opens profile links
- Project showcase → Linked sites: opens project links
- Contact options → Linked sites: opens contact links