How edilson-nantes/portifolio-edilson works
This is a bilingual personal portfolio that presents Edilson Nantes’s profile, services, work, experience, skills, and contact options. A visitor opens the React page, browses its sections, can switch Portuguese/English in the header, and can follow contact links. The main page composes the sections and reads their text and contact details from data modules. README documents responsive navigation and reduced-motion-aware animations; the sampled App source also shows reveal behavior. Section rendering is consolidated in App.jsx rather than implemented as separate modules.
Main entry points: App.jsx Portfolio page · main.jsx React entry · Header.jsx Header navigation · index.css Global styles
Components 19
Page presentation
- React entry
src/main.jsx - Portfolio page
src/App.jsx - Header navigation
src/components/Header.jsx - Global styles
src/index.css - Page styles
src/App.css
Portfolio content
- Profile
src/App.jsx - Services
src/App.jsx - Work process
src/App.jsx - Projects
src/App.jsx - Experience
src/App.jsx - Skills
src/App.jsx - Bilingual content
src/data/content.jsx
Contact channels
- Contact section
src/App.jsx - Contact details
src/data/contact.js
Other components
- Visitor
- Email service
- GitHub
Connections 18
- Visitor → React entry: opens site
- React entry → Portfolio page: renders
src/main.jsx - Portfolio page → Header navigation: renders
src/App.jsx - Portfolio page → Bilingual content: selects language text
src/App.jsx - Portfolio page → Contact details: reads details
src/App.jsx - Portfolio page → Profile: renders
src/App.jsx - Portfolio page → Services: renders
src/App.jsx - Portfolio page → Work process: renders
src/App.jsx - Portfolio page → Projects: renders
src/App.jsx - Portfolio page → Experience: renders
src/App.jsx - Portfolio page → Skills: renders
src/App.jsx - Portfolio page → Contact section: renders
src/App.jsx - React entry → Global styles: imports styles
src/main.jsx - Portfolio page → Page styles: imports styles
src/App.jsx - Contact section → Email service: links to
src/App.jsx - Contact section → WhatsApp: links to
src/App.jsx - Contact section → LinkedIn: links to
src/App.jsx - Contact section → GitHub: links to
src/App.jsx