How gabriel-codes-droid/folio works
This repository is a 3D portfolio site: visitors enter through the homepage, follow an interactive space journey, explore project panels, then reach developer and contact content. The README documents these major capabilities; sampled source confirms the scene, project data, loading coordination, and contact submission path. Some page composition and scene wiring are unsampled, so the graph shows only documented or evidenced relationships.
Main entry points: SpaceCanvas.jsx 3D journey · index.astro Homepage · PortfolioOutro.jsx Portfolio outro · TacticalAstronaut.jsx Astronaut animation
Components 18
Portfolio site
- Homepage
src/pages/index.astro - Site layout
src/layouts/Layout.astro - Portfolio intro
src/components/PortfolioIntro.astro - Portfolio outro
src/components/PortfolioOutro.jsx - Sonar background
src/components/SonarGrid.jsx
Space journey
- Boot loader
src/components/BootLoader.astro - Loader behavior
src/scripts/bootLoader.js - 3D journey
src/components/SpaceCanvas.jsx - Astronaut animation
src/components/TacticalAstronaut.jsx - Journey timing
src/components/journey.js - Scene assets
public/models - Scene readiness
src/components/SceneReady.jsx - Cube field
src/components/ControlCubeField.jsx
Project showcase
- Moon and planets
src/components/MoonScene.jsx - Project catalog
src/data/projects.js
Contact
- Contact endpoint
src/pages/api/contact.ts - Resend email service
Other components
- Visitor
Connections 21
- Visitor → Homepage: opens
- Homepage → Site layout: uses layout
- Homepage → Portfolio intro: presents intro
- Homepage → 3D journey: presents journey
- Homepage → Portfolio outro: presents outro
- Boot loader → Loader behavior: runs
- 3D journey → Journey timing: tracks progress
- Astronaut animation → Journey timing: samples path
- 3D journey → Astronaut animation: positions
- 3D journey → Cube field: renders
- 3D journey → Scene readiness: coordinates loading
- Scene readiness → Scene assets: prepares
- Astronaut animation → Scene assets: loads models
- Moon and planets → Scene assets: loads models
- Moon and planets → Project catalog: reads catalog
- 3D journey → Moon and planets: hosts scene
- Portfolio outro → Sonar background: renders background
- Portfolio outro → Contact endpoint: submits message
- Contact endpoint → Resend email service: sends email
- Visitor → 3D journey: interacts
- Visitor → Portfolio outro: composes message