How samueljmacedo/portfolio works
This is a React personal portfolio/resume site with a second Career Hub route for editing profile JSON and viewing resume, LinkedIn, and website-bio outputs. The primary visitor workflow routes into a profile landing page, then presents biography, career history, skills, languages, and recommendations. The sampled source confirms the top-level composition and several data consumers; unsampled feature wiring is omitted where it cannot be verified.
Main entry points: content.js Portfolio content · CentralHub.jsx Profile editor · info.js Sample profile · App.js App routes
Components 18
App routing
- App routes
src/App.js
Portfolio page
- Profile header
src/main/main.js - Portfolio content
src/content/content.js - Fade sections
src/section/fadeInSection.js - Content section
src/section/section.js - Career timeline
src/timeline/timeline.js - Section title
src/title/title.js - Timeline controls
src/button/button.js - Skills tags
src/tags/tags.js - Language levels
src/progressBar/languageProficiency.js - Progress display
src/progressBar/progressBar.js - Testimonials carousel
src/recommendations/recommentations.js
Career Hub
- Profile editor
src/centralHub/CentralHub.jsx - Resume output
src/centralHub/CentralHub.jsx - LinkedIn output
src/centralHub/CentralHub.jsx - Website bio
src/centralHub/CentralHub.jsx
Profile data
- Sample profile
src/data/info.js
Other components
- Visitor
Connections 21
- Visitor → App routes: opens
- App routes → Profile header: renders landing
- App routes → Portfolio content: renders landing
- App routes → Profile editor: routes export
- Portfolio content → Fade sections: wraps sections
- Portfolio content → Content section: renders sections
- Portfolio content → Career timeline: renders
- Portfolio content → Skills tags: renders
- Portfolio content → Language levels: renders
- Portfolio content → Testimonials carousel: renders
- Career timeline → Section title: renders
- Career timeline → Timeline controls: renders
- Language levels → Progress display: renders
- Profile header → Sample profile: reads
- Portfolio content → Sample profile: reads
- Career timeline → Sample profile: reads
- Language levels → Sample profile: reads
- Profile editor → Sample profile: initializes editor
- Profile editor → Resume output: selects output
- Profile editor → LinkedIn output: selects output
- Profile editor → Website bio: selects output