How adrianhajdin/project_3d_developer_portfolio works
This is a React 3D developer portfolio. A visitor navigates an animated, responsive single-page presentation of the developer’s profile, experience, skills, projects, and testimonials, then can submit a contact message. The main page composes those sections; 3D canvas components provide portfolio visuals, and the contact form sends through EmailJS. README-described section capabilities are included, but their internal wiring is not assumed where source excerpts were unavailable.
Main entry points: App.jsx Page composition · SectionWrapper.jsx Section animation · Contact.jsx Contact form · Tech.jsx Skills showcase
Components 18
Portfolio sections
- Page composition
src/App.jsx - Section navigation
src/components/Navbar.jsx - 3D hero
src/components/Hero.jsx - About profile
src/components/About.jsx - Work history
src/components/Experience.jsx - Skills showcase
src/components/Tech.jsx - Project showcase
src/components/Works.jsx - Testimonials
src/components/Feedbacks.jsx
3D visuals
- Desktop canvas
src/components/canvas/Computers.jsx - Skill ball canvas
src/components/canvas/Ball.jsx - Earth canvas
src/components/canvas - Stars background
src/components/canvas - Desktop model
public/desktop_pc/scene.gltf
Shared presentation
- Section animation
src/hoc/SectionWrapper.jsx - Motion presets
src/utils/motion.js
Contact delivery
- Contact form
src/components/Contact.jsx - EmailJS service
Other components
- Visitor
Connections 22
- Visitor → Page composition: opens portfolio
- Page composition → Section navigation: renders
- Page composition → 3D hero: renders
- Page composition → About profile: renders
- Page composition → Work history: renders
- Page composition → Skills showcase: renders
- Page composition → Project showcase: renders
- Page composition → Testimonials: renders
- Page composition → Contact form: renders
- Page composition → Stars background: renders
- 3D hero → Desktop canvas: shows 3D model
- Desktop canvas → Desktop model: loads model
- Skills showcase → Skill ball canvas: shows 3D skills
- Contact form → Earth canvas: shows globe
- Contact form → EmailJS service: sends message
- About profile → Section animation: wrapped by
- Work history → Section animation: wrapped by
- Skills showcase → Section animation: wrapped by
- Project showcase → Section animation: wrapped by
- Testimonials → Section animation: wrapped by
- Contact form → Section animation: wrapped by
- Section animation → Motion presets: uses presets