How yogananthj/portfolio.dev works
This repository is an interactive developer portfolio and command center. Visitors explore the developer profile and project catalog, inspect project architectures, try illustrative AI simulators and motion experiments, and use workspace and terminal tools. The graph preserves major README capabilities while distinguishing documented product functions from sampled implementation links; unsampled features are represented by their exact source paths, with uncertain relationships omitted.
Main entry points: App.tsx Application Shell · Hero.tsx Profile & Hero · ProjectShowcase.tsx Project Showcase · ExperienceSection.tsx Experience & Contact
Components 21
Portfolio Experience
- Application Shell
src/App.tsx - Profile & Hero
src/components/Hero.tsx - Digital Visiting Card
src/components/DigitalVisitingCard.tsx - Project Showcase
src/components/ProjectShowcase.tsx - Experience & Contact
src/components/ExperienceSection.tsx - GitHub Activity
src/components/GitHubActivitySection.tsx
Interactive Labs
- Architecture Explorer
src/components/ArchitectureExplorer.tsx - AI Project Simulators
src/components/SimulatorsSection.tsx - Motion Playground
src/components/motion-playground/MotionPlayground.tsx - Experiment Detail
src/components/motion-playground/detail/MotionExperimentPage.tsx - Galactic Core
src/components/motion-playground/experiments/GalacticCore.tsx
Workspace Tools
- Developer CLI
src/components/TerminalDrawer.tsx - Resume Modal
src/components/ResumeModal.tsx - Workspace Controls
src/components/LayoutController.tsx
Shared Foundation
- Portfolio Content
src/data/portfolioData.ts - Architecture Catalog
src/data/architectureData.ts - Layout & Theme State
src/context/LayoutContext.tsx - Error Monitoring
src/hooks/useErrorMonitoring.ts - Analytics Utilities
src/utils/ga4.ts - External Link Tracking
src/hooks/useGlobalUtmTracking.ts
Other components
- Portfolio Visitor
Connections 22
- Portfolio Visitor → Application Shell: opens portfolio
README.md - Application Shell → Profile & Hero: renders
src/App.tsx - Profile & Hero → Digital Visiting Card: renders
src/components/Hero.tsx - Application Shell → Project Showcase: renders
src/App.tsx - Application Shell → Architecture Explorer: renders
src/App.tsx - Architecture Explorer → Architecture Catalog: reads catalog
src/components/ArchitectureExplorer.tsx - Application Shell → AI Project Simulators: renders
src/App.tsx - Application Shell → Motion Playground: renders
src/App.tsx - Motion Playground → Experiment Detail: opens detail
src/components/motion-playground/MotionPlayground.tsx - Experiment Detail → Galactic Core: renders experiment
src/components/motion-playground/detail/MotionExperimentPage.tsx - Application Shell → Developer CLI: renders
src/App.tsx - Application Shell → Resume Modal: renders
src/App.tsx - Application Shell → Workspace Controls: renders
src/App.tsx - Workspace Controls → Layout & Theme State: updates settings
src/components/LayoutController.tsx - Application Shell → Error Monitoring: monitors runtime
src/App.tsx - Error Monitoring → Analytics Utilities
- Application Shell → External Link Tracking: tracks external links
src/App.tsx - External Link Tracking → Analytics Utilities: records link events
src/hooks/useGlobalUtmTracking.ts - Project Showcase → Portfolio Content: displays portfolio content
README.md - Experience & Contact → Portfolio Content: reads content
src/components/ExperienceSection.tsx - Application Shell → Experience & Contact: renders sections
src/App.tsx - Application Shell → GitHub Activity: renders
src/App.tsx