How cheetah7027/mobile-responsive-portfolio works
This is a static personal portfolio: visitors browse the landing page, open profile/story/process or current-work panels, and can submit a contact form. The supplied README describes a different React study-planning app, so this map follows the provided file tree and sampled JavaScript; the landing-page markup and panel content were not sampled.
Main entry points: about-panel.js About panel handler · current-panel.js Current panel handler · contact-panel.js Contact panel handler · index.html Portfolio page
Components 12
Landing experience
- Portfolio page
index.html - Page interactions
script.js - Site styling
styles.css
Information panels
- About panel handler
about-panel.js - About content
about-panel.html - Story content
story-panel.html - Process content
process-panel.html - Current panel handler
current-panel.js - Current work content
current-panel.html
Contact interaction
- Contact panel handler
contact-panel.js - Contact form content
contact-panel.html
Other components
- Visitor
Connections 10
- Visitor → Portfolio page: visits
- Visitor → Page interactions: uses navigation
- Visitor → About panel handler: opens panels
- Visitor → Current panel handler: opens panel
- Visitor → Contact panel handler: opens and submits
- About panel handler → About content: fetches
- About panel handler → Story content: fetches
- About panel handler → Process content: fetches
- Current panel handler → Current work content: fetches
- Contact panel handler → Contact form content: fetches