How shreyesjishnu/shreyes_portfolio works
This is a personal portfolio site presented as a scroll-driven, elemental 3D world. Visitors move through an introduction and project chapters, browse project cards, and open detail sheets for previews or links to live work. The React app coordinates chapter state, theme, and the lazy-loaded scene; the scene derives its motion and effects from path, particle, and performance rules. The README is only the default Vite template, so product capabilities are inferred from the supplied source excerpts and tree; unsampled component wiring is not expanded.
Main entry points: App.jsx Portfolio app · ProjectSheet.jsx Project details · IsoWorld.jsx Isometric scene · CardRail.jsx Project rail
Components 19
Portfolio experience
- React entry
src/main.jsx - Portfolio app
src/App.jsx - Preloader
src/components/Preloader.jsx - HUD controls
src/components/Hud.jsx
Project discovery
- Project rail
src/components/CardRail.jsx - Project card
src/components/ProjectCard.jsx - Project details
src/components/ProjectSheet.jsx - Project catalogue
src/data/projects.js - Project media
src/data/media.js
3D world
- Isometric scene
src/scene/IsoWorld.jsx - World path
src/scene/path.js - Particle rules
src/scene/motes.js - Scene budget
src/scene/budget.js - Element settings
src/scene/elementConfigs.js
Page state
- Theme state
src/theme.js - Visit state
src/data/visited.js
Other components
- Visitor
- YouTube
- App stores / sites
Connections 21
- Visitor → React entry: opens site
- React entry → Portfolio app: renders
- Portfolio app → Preloader: renders
- Portfolio app → HUD controls: renders
- Portfolio app → Project rail: renders
- Project rail → Project card: renders
- Portfolio app → Project details: opens selection
- Portfolio app → Project catalogue: reads catalogue
- Portfolio app → Theme state: uses theme
- Portfolio app → Visit state: tracks visits
- Portfolio app → Element settings: reads chapters
- Portfolio app → Isometric scene: loads scene
- Isometric scene → World path: uses route
- Isometric scene → Particle rules: uses particle rules
- Isometric scene → Scene budget: checks limits
- Project details → Project media: gets poster
- Project details → YouTube: loads on play
- Project details → App stores / sites: links out
- Visitor → Project rail: browses
- Visitor → HUD controls: changes theme
- Visitor → Project details: selects project