How ever-purple/dreamcore-portfolio works
Dreamcore Portfolio is a personal portfolio site whose main visitor journey runs from a timed loader through a scroll-driven, frame-animated home page into an interactive studio. The studio opens an About desktop, an editable internship diary, works and media showcases, and other portfolio areas. In author mode, the inspiration collection supports link and media entry, editing, and persistence through a content API or browser storage. The graph follows documented capabilities and shown module references; some detailed runtime wiring is unsampled, so uncertain relationships are omitted.
Main entry points: App.tsx App flow · ObjectZone.tsx Studio hotspots · StudioSection.tsx Studio scene · contentApi.ts Content API
Components 24
Visitor Experience
- App flow
src/App.tsx - Loading screen
src/components/LoadingScreen.tsx - Scroll home
src/sections/HomeSection.tsx
Studio Destinations
- Studio scene
src/sections/StudioSection.tsx - Studio hotspots
src/components/ObjectZone.tsx - Studio menu
src/components/StudioMenu.tsx - Internship diary
src/components/NotebookOverlay.tsx - Diary editor
src/components/diary-editor/DiaryCanvas.tsx - Diary state
src/lib/diary-editor/context.tsx - Diary persistence
src/lib/diary-editor/storage.ts - Works showcase
src/components/WorksCarousel.tsx - Creative media
src/components/MediaGalleryPage.tsx - Copy projects
src/components/CopyProjectPage.tsx
About Desktop
- Green OS desktop
src/components/GreenOs.tsx - About sections
src/components/AboutOverlay.tsx
Authoring
- Inspiration editor
src/components/AboutInspiration.tsx - Author mode
src/context/AdminContext.tsx
Content Services
- Content API
src/lib/contentApi.ts - Browser media store
src/lib/blobStore.ts - Link metadata service
link-meta.ts - Visit logging
src/lib/visitLog.ts
Other components
- Site visitor
- Configured content backend
- Music and link platforms
Connections 25
- Site visitor → App flow: opens site
README.md - App flow → Loading screen: shows loading
src/App.tsx - App flow → Scroll home: renders
src/App.tsx - App flow → Studio scene: renders
src/App.tsx - Loading screen → Scroll home: hands off
README.md - Scroll home → Studio scene: opens studio
README.md - Studio scene → Studio hotspots: renders hotspots
src/sections/StudioSection.tsx - Studio scene → Studio menu: renders menu
src/sections/StudioSection.tsx - Studio hotspots → About sections: opens About
README.md - Studio hotspots → Internship diary: opens diary
README.md - Studio hotspots → Works showcase: opens Works
README.md - Studio hotspots → Creative media: opens Creative Lab
README.md - Studio scene → Copy projects: renders destination
src/sections/StudioSection.tsx - Internship diary → Diary editor: hosts editor
src/components/NotebookOverlay.tsx - Diary editor → Diary state: edits state
src/components/diary-editor/DiaryCanvas.tsx - Diary state → Diary persistence: loads and saves
src/lib/diary-editor/context.tsx - About sections → Green OS desktop: renders desktop
src/components/AboutOverlay.tsx - About sections → Inspiration editor: renders section
src/components/AboutOverlay.tsx - Author mode → Content API: migrates content
src/context/AdminContext.tsx - Inspiration editor → Content API: reads and edits
src/components/AboutInspiration.tsx - Content API → Browser media store: uses local media
src/lib/contentApi.ts - Content API → Configured content backend: uses configured backend
README.md - Inspiration editor → Link metadata service: requests metadata
src/components/AboutInspiration.tsx - Link metadata service → Music and link platforms: identifies links
README.md - App flow → Visit logging: records visits
src/App.tsx