How aristrahatsuyu/lyntrix works
Lyntrix is a customizable personal-resume and identity showcase, with an embedded music player as a substantial secondary experience. The principal workflow is a visitor opening the home page, viewing animated background and profile content, then following showcased links; visitors can also operate the music card and its playlist/lyrics controls. The page composition and audio internals are visible in sampled source; other resume sections and configuration behavior are represented only at the documented or directory level.
Main entry points: index.vue Home page · useAudioPlayer.ts Audio player · MusicCard.vue Music card · app.vue App shell
Components 22
Resume presentation
- Home page
pages/index.vue - Profile content
components/Content.vue - Identity banner
components/Banner.vue - Background display
components/FlowImage.vue - Footer and links
components/Footer.vue - Profile starter data
assets/profile.temp.json
Motion and theming
- App shell
app.vue - Theme switch
components/ModeSwitch.vue - Custom cursor
components/Cursor.vue - Particle effects
components/Particles.vue - Smooth scrolling
plugins/lenis.client.ts
Music experience
- Music card
components/MusicCard.vue - Playlist and lyrics
components/StackedPanel.vue - Album artwork
components/AlbumCover.vue
Audio runtime
- Audio player
composables/audio/useAudioPlayer.ts - Playlist controller
composables/audio/usePlaylistController.ts - Audio equalizer
composables/audio/useAudioEqualizer.ts - Buffer state cache
composables/audio/useAudioBufferCache.ts - Artwork cache
composables/audio/useArtworkCache.ts
Other components
- Visitor
- Audio and artwork sources
- Browser audio APIs
Connections 24
- Visitor → Home page: opens
- App shell → Home page: renders
- App shell → Theme switch: renders
- App shell → Custom cursor: renders
- Home page → Particle effects: renders
- Home page → Background display: renders
- Home page → Identity banner: renders
- Home page → Profile content: renders
- Home page → Footer and links: renders
- Profile starter data → Profile content: configures
- Home page → Smooth scrolling: uses scrolling
- Profile content → Music card: presents
- Music card → Playlist and lyrics: renders controls
- Music card → Album artwork: renders artwork
- Music card → Audio player: uses playback
- Playlist and lyrics → Playlist controller: controls queue
- Playlist controller → Audio player: controls tracks
- Audio player → Audio equalizer: uses processing
- Audio player → Buffer state cache: stores buffer state
- Audio player → Artwork cache: loads artwork
- Audio player → Browser audio APIs: plays audio
- Audio player → Audio and artwork sources: loads tracks
- Artwork cache → Audio and artwork sources: fetches artwork
- Album artwork → Artwork cache: uses cached art