How p-limbo1996/portfolio works
This is a bilingual personal portfolio site. Visitors land on the home page, browse profile, skills, experience and project sections, and can open project details or contact the owner. The source index supports the home-page composition and several component dependencies; other core components are included as distinct portfolio features, but their internal links are omitted where the excerpts do not establish them.
Main entry points: Home.jsx Home Page · main.jsx React Entry · App.jsx App Routes · Hero.jsx Hero Introduction
Components 20
Application Shell
- React Entry
src/main.jsx - App Routes
src/App.jsx - Home Page
src/pages/Home/Home.jsx
Portfolio Content
- Hero Introduction
src/components/Hero.jsx - About Me
src/components/AboutMe.jsx - Skills
src/components/Skill.jsx - Experience
src/components/Experience.jsx - Project Gallery
src/components/Projects.jsx - Project Details
src/components/ProjectDetail.jsx - Typewriter Loop
src/components/TypewriterLoop.jsx
Visitor Engagement
- Navigation
src/components/Navbar.jsx - Contact Section
src/components/Contact.jsx - Contact Modal
src/components/ContactModal.jsx - Social Support Widget
src/components/SocialSupport.jsx - Outside Click Hook
src/hooks/useClickOutside.jsx - Music Player
src/components/MusicPlayer.jsx - Cursor Trail
src/components/CursorTrail.jsx
Shared Data and Language
- Project Catalog
src/data/project.js - Language Setup
src/i18n/index.js
Other components
- Visitor
Connections 22
- Visitor → React Entry: opens site
src/main.jsx - React Entry → App Routes: renders
src/main.jsx - React Entry → Language Setup: initializes language
src/main.jsx - App Routes → Home Page: routes home
src/App.jsx - App Routes → Project Details: routes project
src/App.jsx - Home Page → Navigation: renders
src/pages/Home/Home.jsx - Home Page → Hero Introduction: renders
src/pages/Home/Home.jsx - Home Page → Project Gallery: renders
src/pages/Home/Home.jsx - Home Page → About Me: renders
src/pages/Home/Home.jsx - Home Page → Skills: renders
src/pages/Home/Home.jsx - Home Page → Experience: renders
src/pages/Home/Home.jsx - Home Page → Contact Section: renders
src/pages/Home/Home.jsx - Home Page → Music Player: renders
src/pages/Home/Home.jsx - Home Page → Social Support Widget: renders
src/pages/Home/Home.jsx - Home Page → Cursor Trail: renders
src/pages/Home/Home.jsx - Project Gallery → Project Catalog: filters projects
src/components/Projects.jsx - Project Gallery → Project Details: links details
src/components/Projects.jsx - Project Details → Project Catalog: reads project
src/components/ProjectDetail.jsx - Navigation → Music Player: imports player
src/components/Navbar.jsx - Hero Introduction → Contact Modal: uses modal
src/components/Hero.jsx - Hero Introduction → Typewriter Loop: renders
src/components/Hero.jsx - Social Support Widget → Outside Click Hook: closes on outside click
src/components/SocialSupport.jsx